Font Size Scale Calculator
Free CalculatorTransformez une taille de base et un ratio d'échelle en une échelle typographique modulaire et harmonieuse — un cran en dessous et trois crans au-dessus pour les titres.
100 % privé
Fonctionne dans votre navigateur — aucun chiffre ne quitte votre appareil.
Vos chiffres
La taille de votre texte courant en pixels — généralement 16 px sur le web.
Le multiplicateur entre les crans, par ex. 1,25 (tierce majeure) ou 1,5.
1 cran au-dessus
20
Base × ratio — sous-titres et texte d'introduction.
Petit (base ÷ ratio)
12,8
Un cran sous la base — légendes et mentions en petit.
2 crans au-dessus
25
Base × ratio² — titres de section.
3 crans au-dessus
31,3
Base × ratio³ — titres de page et de hero.
Comment ça marche
Définissez la taille de base
Saisissez la taille de votre texte courant — 16 px est le point de départ courant sur le web.
Choisissez un ratio
Choisissez un multiplicateur tel que 1,2, 1,25 ou 1,5 pour régler le contraste entre les crans.
Multipliez et divisez
Chaque cran au-dessus multiplie par le ratio ; la petite taille divise la base par ce ratio.
Lisez votre échelle
Quatre tailles apparaissent instantanément et se mettent à jour dès que vous changez la base ou le ratio.
Une belle échelle typographique mérite de belles captures
Reverze rebuilds App Store screenshots into higher-converting creative
Qu'est-ce qu'un font size scale calculator ?
Un font size scale calculator crée une échelle typographique modulaire à partir de deux données : une taille de base et un ratio. Au lieu de choisir des tailles de titres au hasard, vous multipliez la base par un ratio constant pour monter dans l'échelle et vous divisez par ce même ratio pour descendre. Une base de 16 px avec un ratio de 1,25 donne 12,8 px de petit texte, 20 px, 25 px et 31,25 px — des tailles liées entre elles par la même proportion, si bien que titres et texte courant paraissent harmonieux.
C'est la même idée qui sous-tend un type scale calculator utilisé dans les design systems et les frameworks CSS. Les ratios courants s'inspirent des intervalles musicaux — 1,125 (seconde majeure), 1,25 (tierce majeure), 1,5 (quinte juste) et 1,618 (nombre d'or) — un ratio plus grand produisant un contraste plus marqué entre le texte courant et les titres. Utilisez ce calculateur pour figer une échelle avant d'écrire du CSS, puis réutilisez les mêmes quatre tailles sur vos pages web, écrans d'app et visuels App Store pour un rendu cohérent et professionnel.