• Assistance
  • Produit
  • Zone Développeur
  • Référence API
  • Allez plus loin
  • Se connecter
  • FrançaisFrançais
    • EnglishEnglish
    • FrançaisFrançais
  • Assistance
  • Produit
  • Zone Développeur
  • Référence API
  • Allez plus loin
  • Se connecter
  • FrançaisFrançais
    • EnglishEnglish
    • FrançaisFrançais
accueil/Assistance/Paramètres/Comment définir une police Google Font dans les pages hébergées ?

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

68 vues 0

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.
Tags:Portail clientPersonnalisation

Cela vous a-t-il été utile ?

Oui  Non
Articles liés
  • Comment fonctionne le changement d’offre à l’échéance sur les pages hébergées ?
  • Comment personnaliser le comportement du tunnel de souscription ?
  • Comment modifier le comportement des boutons de la Section Mode de paiement du Portail Client ?
  • Comment modifier le comportement des boutons de la Section Abonnement du Portail Client ?
  • Les pages hébergées sont elles multilingues ?
  • Comment afficher/cacher le formulaire d’enregistrement du moyen de paiement ?
Paramètres
  • Comment définir une police Google Font dans les pages hébergées ?
  • Redirections d’URL – Paramètres
  • Comment mettre en place le changement d’offre à l’échéance ?
  • Comment modifier l’encart « Contact / Service Client » ?
  • Comment personnaliser / traduire les textes des caractéristiques ?
  • Comment personnaliser le logo d’un segment ?
  • Comment changer la langue du backoffice ?
  • Comment modifier le pied de page des factures ?
  • Comment activer la suppression du moyen de paiement depuis le Portail Client ?
  • Commet éditer le CSS des Pages Hébergées ?
  • Comment personnaliser / traduire les textes contenus dans une offre ?
Afficher tout 20  
Articles populaires
  • Quelles sont les 5 différences entre prélèvement SEPA et Carte Bancaire ?
  • Comment modifier le pied de page des factures ?
  • Comment créer une offre ?
  • Redirections d’URL – Paramètres
  • Comment rembourser une facture honorée ?
Catégories
  • Guide de démarrage
  • Catalogue
    • Caractéristiques
    • Offres
    • Grille d'offres
    • Réductions
  • Abonnements
  • Clients
    • Moyen de paiement
  • Facturation
    • Paiement
  • Rapports / Exports
  • Admin
  • Intégration
    • Pages Hébergées
  • Passerelles de paiement
  • Paramètres
    • Emails

Ready to go
to the next level ?

Product
  • Aperçu
  • Encaissement et facturation
  • Souscription en ligne
  • Facturation à l’usage
  • Passerelles de paiement
Documentation
  • Base de connaissance
  • Zone développeur
  • Référence API
  • Glossaire
Contact
  • Parler avec un expert
  • Support / Assistance
  • Nous contacter
  • Nous recrutons
  • Mentions légales
  • Conditions Générales
  • Confidentialité
  • ProAbono © 2015-2023 Subscription Tech SAS. Tous droits réservés.