Générateur d'Échelle Typographique
Le générateur d’échelle typographique calcule une échelle modulaire à partir d’une taille de police de base et d’un ratio, de la seconde mineure (1.067) au nombre d’or (1.618), et produit neuf tailles sous forme de propriétés personnalisées CSS.
À propos de cet outil
Le générateur d’échelle typographique calcule une échelle modulaire à partir d’une taille de police de base et d’un ratio, de la seconde mineure (1.067) au nombre d’or (1.618), et produit neuf tailles sous forme de propriétés personnalisées CSS.
Mode d’emploi
- Saisissez une taille de police de base en pixels (16 px est la valeur par défaut des navigateurs).
- Choisissez un ratio d’échelle, par exemple Major Third (1.25).
- Choisissez l’unité de sortie : rem, px ou em.
- Cliquez sur Copier les variables CSS pour utiliser les tailles de --xs à --4xl.
Bon à savoir
- Chaque étape d’une échelle modulaire multiplie la taille précédente par le même ratio.
- Le générateur produit neuf étapes : deux sous la base, la base elle-même et six au-dessus.
- Les petits ratios (1.067–1.2) conviennent aux interfaces denses ; les grands ratios (1.333–1.618) aux pages éditoriales avec de grands titres.
- Les valeurs rem sont calculées par rapport à une taille de police racine de 16 px.
- Utiliser le rem permet au texte de suivre la taille de police réglée dans le navigateur de l’utilisateur.
Fonctionne entièrement dans votre navigateur : rien de ce que vous saisissez n’est envoyé ni stocké.
Questions fréquentes
Qu’est-ce qu’une échelle typographique modulaire ?
C’est un ensemble de tailles de police où chaque taille est la précédente multipliée par un ratio fixe, ce qui garde une cohérence visuelle entre les titres et le texte courant.
Quel ratio d’échelle choisir ?
La tierce majeure (1.25) et la quarte juste (1.333) sont des choix polyvalents populaires. Prenez un ratio plus petit pour les applications et tableaux de bord, et plus grand pour les landing pages et les blogs.
Faut-il exprimer les tailles de police en rem ou en px ?
Le rem est généralement recommandé, car il respecte la taille de police préférée de l’utilisateur dans son navigateur, ce qui améliore l’accessibilité.
Quelle taille de police de base utiliser ?
16 px est la valeur par défaut standard des navigateurs et une bonne base pour le texte courant ; beaucoup de sites utilisent 16–18 px pour un confort de lecture.