Contexte
Une fois que vous intégré les pages hébergées dans votre application, vous serrez peut être amené a vouloir personnaliser / modifier la police d’écriture des textes pour que celle ci soit en cohérence avec votre propre site / application.
C’est tout à fait possible.
Pour utiliser une police Google Font spécifique dans les pages hébergées (Portail client, ou Tunnel de souscription), il suffit d’ajouter dans le CSS la police choisie.
Procédure
1) Ouvrez le menu d’édition du CSS
- Cliquez sur « Paramètre » depuis le menu de gauche.
- Puis cliquez sur « Paramètre généraux » de la section « Pages Hébergées« .
- Puis cliquez sur « Personnalisation du CSS« .
2) Ajoutez la police choisie
- Sélectionnez la langue dans laquelle vous souhaitez faire l’ajout de la police
- Ajoutez le bout de code suivant : @import url(‘https://fonts.googleapis.com/css?family=NameOfTheFont‘) ;
- Remplacez « NameOfTheFont » par le nom de la police que vous souhaitez ajouter.
Exemple :
@import url(‘https://fonts.googleapis.com/css?family=Raleway’);
@import url(‘https://fonts.googleapis.com/css?family=Poppins’);
A noter : Vous pouvez a tout moment cliquer sur le petit oeil présent dans l’interface pour prévisualisr vos modification CSS sur le portail client.
3) Enregistrez
- Cliquez sur « Enregistrer » pour sauvegarder vos modifications.
- Cliquez sur le bouton « Apply now » pour rafraichir les caches et appliquer immédiatement vos modifications.