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 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 services > CSS et créez une nouvelle feuille de style.
2. Joignez l’ensemble d’icônes de police à l’enregistrement sp_css que vous avez créé et utilisez le sys_id de la pièce jointe comme source 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 .