Contexte
Une fois que vous avez intégré les pages hébergées dans votre application, vous serez peut-être amené à vouloir personnaliser / modifier la police d’écriture des textes pour que celles-ci soient 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), ajouter dans le CSS la police choisie.
Procédure
1) Ouvrez le menu d’édition du CSS
- Cliquez sur « Paramètres » depuis le menu de gauche.
- Puis, cliquez sur « Paramètres généraux » de la section « Pages hébergées ».
- Ensuite, 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 voulez ajouter.
Exemple :
@import url(‘https://fonts.googleapis.com/css?family=Raleway’);
@import url(‘https://fonts.googleapis.com/css?family=Poppins’);
À noter : vous pouvez à tout moment cliquer sur le petit œil présent dans l’interface pour prévisualiser vos modifications 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.