Aller au contenu
Maison

Rechercher dans la documentation

Tapez un réglage, une section ou une question.

Paramètres du thème

Typographie

Polices, casse et tailles : les réglages qui donnent sa voix à la boutique.

Sur cette page

Ouvrez Paramètres du thèmeTypographie dans l’éditeur de thème. Ces réglages s’appliquent à toute la boutique : aucune section n’a sa propre police ou sa propre taille de texte, pour que titres et texte restent accordés partout.

RéglageValeursÀ quoi il sert
Police des titresEN : Heading fontPolicePar défaut : Jost RegularNomme les choses : titres de page et de section, noms de produits et accroches de campagne. Choisissez la même police que le texte pour une maison à une seule famille.
Police du texteEN : Body fontPolicePar défaut : Jost RegularCompose tout ce que l’acheteur lit longuement ou manipule : texte courant, prix, boutons, champs et navigation.
Graisse des titresEN : Heading weight
  • Légère
  • Normale
  • Medium
Par défaut : Normale
—
Casse des titresEN : Heading case
  • Casse normale
  • Majuscules
Par défaut : Casse normale
Les majuscules sont espacées automatiquement et légèrement réduites pour occuper la même place.
Casse de l’interfaceEN : Interface case
  • Casse normale
  • Majuscules
Par défaut : Casse normale
S’applique aux boutons, à la navigation, aux libellés de champs, aux badges et aux autres petits textes d’interface. Les majuscules sont espacées automatiquement.
Taille de lectureEN : Reading sizeDe 13 à 16 pxPar défaut : 14 pxLa taille du texte courant. Toutes les tailles commerciales en découlent.
Échelle des titresEN : Heading scale
  • Retenue
  • Expressive
Par défaut : Retenue
Jusqu’où les titres éditoriaux grandissent sur grand écran. Le texte commercial ne change pas.

Deux polices, deux rôles

Maison utilise au plus deux familles de caractères, choisies dans la bibliothèque de polices de Shopify :

  • Police des titres — elle nomme les choses : titres de page, titres de section, accroches du bandeau principal et du manifeste, et noms de produits sur leur page.
  • Police du texte — elle fait fonctionner la boutique : texte courant, prix, boutons, champs, navigation, noms de produits dans les grilles.

Pour une marque à une seule famille (comme dans le style Maison), choisissez la même police pour les deux. Pour un contraste éditorial (comme dans le style Couture), choisissez une police à empattements pour les titres.

Casse des titres et de l’interface

  • Casse des titres passe en majuscules les titres (police des titres).
  • Casse de l’interface passe en majuscules les petits textes d’interface : boutons, navigation, libellés de champs, badges, titres des tiroirs.

Dans les deux cas, l’espacement des lettres est ajusté automatiquement (il n’existe pas de majuscules non espacées dans le thème) et les grands titres sont légèrement réduits pour occuper la même place qu’en casse normale.

Taille de lecture et échelle des titres

Le thème distingue deux familles de textes :

FamilleExemplesDépend de
Textes commerciauxNom du produit sur sa page (≈ 22 px), titres de bande comme « Pièces associées » (≈ 20 px), texte courant (14 px), noms et prix dans les grilles (≈ 13 px), boutons et libellés (≈ 12 px), mentions légales (≈ 11 px)Taille de lecture
Textes éditoriauxAccroche du bandeau principal et du manifeste, titres des sections image avec texte, newsletter et journal, titres de page (collection, panier, article…)Échelle des titres et largeur de l’écran

Les valeurs ci-dessus correspondent à la taille de lecture par défaut (14 px). Tous les textes commerciaux suivent proportionnellement quand vous la changez ; les plus petits ne descendent jamais sous 11 px.

Les titres éditoriaux grandissent avec la largeur de l’écran, entre un téléphone et un grand écran. Retenue garde des écarts mesurés ; Expressive les agrandit d’environ 15 à 25 % sur grand écran. Le plus grand titre du thème est plafonné à 96 px quel que soit le réglage.

Questions fréquentes

Puis-je utiliser une police personnalisée ?

Le sélecteur propose les polices de la bibliothèque Shopify (polices système et Google Fonts sous licence). L’ajout d’une police personnalisée demande de modifier le code du thème ; voir Modifier le code.

Pourquoi mes titres ne sont-ils pas en gras ?

C’est un choix du thème : la hiérarchie vient de la taille, de la position et de l’espace, pas de la graisse. Choisissez Medium dans Graisse des titres pour des titres un peu plus appuyés.

Cette page vous a-t-elle aidé ?

Maison 1.0.0