---
sourceDocument: Interface do usuário da Now Platform Yokohama
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/platform-user-interface

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Interface do usuário da Now Platform Yokohama

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Incluir ícones de fonte como uma dependência de widget

# Incluir ícones de fonte como uma dependência de widget {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Você pode incluir ícones de fonte sempre que um widget for carregado, incluindo-os como uma dependência de widget.

## Antes de Iniciar

Função necessária: administrador ou sp_admin

## Por Que e Quando Desempenhar Esta Tarefa

Nota:  
O CSS incluído como uma dependência de widget não tem escopo e pode interromper outros CSS em uma página.

## Procedimento

1. Na IU da plataforma, navegue até Portal de serviçosCSS e criar uma nova folha de estilos.
2. Anexe o conjunto de ícones de fonte ao registro sp_css que você criou e use o sys_id do anexo como `origem `para o ícone de fonte.  
   Por exemplo:

       @font-face {
         font-family: 'Material Icons';
         font-style: normal;
         font-weight: 400;
         src: url('/828b8ca8b7033010897725cbde11a9f7.iix') format('woff2');
       }

       .material-icons {
         font-family: 'Material Icons';
         font-weight: normal;
         font-style: normal;
         font-size: 24px;  /* Preferred icon size */
         display: inline-block;
         line-height: 1;
         text-transform: none;
         letter-spacing: normal;
         word-wrap: normal;
         white-space: nowrap;
         direction: ltr;

         /* Support for all WebKit browsers. */
         -webkit-font-smoothing: antialiased;
         /* Support for Safari and Chrome. */
         text-rendering: optimizeLegibility;

         /* Support for Firefox. */
         -moz-osx-font-smoothing: grayscale;

         /* Support for IE. */
         font-feature-settings: 'liga';
       }

3. Navegar até Portal de serviçosDependências e criar uma nova dependência.
4. Anexe o registro CSS que você criou à nova dependência usando CSS inclusões lista relacionada.
{#font-icons-dependency__ol_rj3_vxv_qy}