---
sourceDocument: Interface utilisateur de la Now Platform Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Interface utilisateur de la Now Platform Xanadu

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Inclure les icônes de police en tant que dépendance de widget

# Inclure les icônes de police en tant que dépendance de widget {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute de lecture

Vous pouvez inclure des icônes de police partout où un widget est chargé en les incluant en tant que dépendance de widget.

## Avant de commencer

Rôle requis : admin ou sp_admin

## Pourquoi et quand exécuter cette tâche

Remarque :  
Le CSS inclus en tant que dépendance de widget n'est pas inclus dans le champ d'application et peut perturber les autres CSS d'une page.

## Procédure

1. Dans l'interface utilisateur de la plateforme, accédez à Portail de servicesCSS et créez une nouvelle feuille de style.
2. Joignez l'ensemble d'icônes de police à l'enregistrement de sp_css que vous avez créé et utilisez le sys_id de la pièce jointe comme `source` pour l'icône de police.  
   Par exemple :

       @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. Accédez à la Portail de servicesDépendances et créer une nouvelle dépendance.
4. Joignez l'enregistrement CSS que vous avez créé à la nouvelle dépendance à l'aide de la liste connexe Includes CSS .
{#font-icons-dependency__ol_rj3_vxv_qy}