Aller au contenu

Comment définir une police Google Font dans les pages hébergées ?

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 Parcours de souscription), ajouter dans le CSS la police choisie.

  • 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 ».
  • 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’);

  • Cliquez sur « Enregistrer » pour sauvegarder vos modifications.
  • Cliquez sur le bouton « Appliquer maintenant » pour rafraichir les caches et appliquer immédiatement vos modifications.