Aller au contenu principal

Typographie

À quoi ça sert​

Une police principale pour le texte et une police de titres pour plus d’impact. Choisissez des Google Fonts déjà chargées sur le site.

Les polices, graisses, tailles, interlignes et espacements s'appliquent à tous les textes du site public.

Accès​

Dans Mon site web, cliquez sur Ouvrir Studio. Dans le menu du Studio, ouvrez Conception › Typographie.

Les modifications s’affichent dans l’aperçu. Cliquez sur Enregistrer les modifications pour les conserver.

  • Nécessite le module Steer Studio sur votre équipe : sans lui, Mon site web n'apparaît pas dans le menu.

Étapes​

  1. Ouvrez la section comme indiqué ci-dessus.
  2. Remplissez les réglages ci-dessous. L'aperçu en direct, à droite, se met à jour pendant la saisie.
  3. Cliquez sur Enregistrer les modifications. Une fois enregistrées, vos modifications sont en ligne sur le site public ; Annuler abandonne celles qui ne sont pas enregistrées.

Police du corps​

Utilisée pour les paragraphes et l’interface

  • Police principale — Doit être le nom d’une Google Font. Chargée sur le site public.

Police des titres​

Utilisée pour les titres H1 à H3

  • Police d’affichage — Associez les contrastes : texte serif avec titres sans-serif, ou l’inverse.

Rythme du texte​

Affinez la lisibilité et la hiérarchie

  • Graisse du texte
  • Graisse des titres
  • Taille du texte courant
  • Interligne du texte courant
  • Interligne des titres
  • Espacement des lettres du texte
  • Espacement des lettres des titres

Usage typique​

Associez une police de texte lisible à une police de titres contrastée, par exemple un texte à empattements et des titres sans empattement.

Bon à savoir​

  • Les noms de police doivent être des Google Fonts ; elles sont chargées sur le site public.
  • L'Historique des versions conserve les 20 dernières versions enregistrées. En ouvrir une la charge dans l'éditeur ; cliquez sur Enregistrer les modifications pour l'appliquer.

Problèmes fréquents​

« Échec de l'enregistrement ». Vos modifications n'ont pas été enregistrées. Vérifiez le champ signalé, puis cliquez à nouveau sur Enregistrer les modifications.

« Connexion perdue. Vos modifications ne sont pas encore enregistrées… » Restez sur la page : les modifications seront enregistrées dès le retour de la connexion.

« Le serveur ne répond pas. Vos modifications ne sont pas enregistrées… » Patientez un instant, puis cliquez à nouveau sur Enregistrer les modifications.

« Veuillez autoriser les fenêtres contextuelles pour ouvrir Studio dans un nouvel onglet. » Studio s'ouvre dans un nouvel onglet depuis Mon site web. Autorisez les pop-ups pour Steer Autos, puis cliquez à nouveau sur Ouvrir Studio.

Voir aussi​