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

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 limité au champ d’application et peut perturber les autres CSS sur une page.

Procédure

1. Dans l’interface utilisateur de la plateforme, accédez à Portail de services > CSS et créer une feuille de style.
2. Joignez le jeu 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 services > Dé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 .