Qu'est-ce que Testeur de taille de police ?

Saisissez du texte et voyez-le dans toutes les tailles de 8px à 96px. Passez de px à rem ou pt, et ajustez la hauteur de ligne et l'espacement des lettres pour peaufiner votre typographie.

Collez n'importe quelle phrase et elle s'affiche simultanément en 14 tailles, du minuscule 8 px au géant 96 px. Basculez l'unité entre px, rem et pt, ajustez l'interligne et l'espacement des lettres en direct. Pratique pour repérer la taille à partir de laquelle la lecture devient pénible, ou pour visualiser un bouton à 14 px contre 16 px avant de modifier votre CSS.

Comment utiliser

1. Étape 1 — Saisissez ou collez le texte que vous souhaitez tester.
2. Étape 2 — Ajustez la plage de tailles et l'unité (px, rem ou pt) pour la prévisualisation.
3. Étape 3 — Comparez toutes les tailles côte à côte pour choisir la meilleure option pour votre design.

Quand l'utiliser

• Choisir la taille des libellés de navigation : lisibles sans saturer la barre.
• Comparer un corps à 14 px et 16 px pour trancher un débat dans l'équipe design.
• Convertir une valeur en px du designer en rem pour respecter les préférences de l'utilisateur.

Résultat

Test d'un libellé de navigation : saisissez "Tableau de bord" et comparez en 12px, 14px et 16px pour trouver la taille la plus lisible sans gaspiller d'espace.

FAQ

Faut-il utiliser px, rem ou pt pour les polices web ?

Utilisez rem pour le texte et les composants : il s'adapte à la taille racine choisie par l'utilisateur, ce qui compte pour l'accessibilité. Réservez le px aux bordures et aux très petites icônes qui doivent rester précises. Le pt est une unité d'imprimerie ; à éviter sur écran.

Quelle taille de corps est raisonnable ?

16 px (1 rem) est la référence de fait pour le corps de texte sur le web. Descendez à 14 px uniquement pour des textes secondaires comme légendes et étiquettes. Les sites qui passent le texte principal sous 14 px échouent souvent en audit d'accessibilité et fatiguent les lecteurs sur petit écran.

Quel est l'impact de l'interligne sur la lisibilité ?

Visez 1.4 à 1.6 pour le corps. Plus serré, c'est étouffant ; plus large, le rythme entre les paragraphes s'effrite. Les titres peuvent être plus compacts (1.1 à 1.2) parce que les lignes sont déjà courtes.

Quand ajuster l'espacement des lettres (tracking) ?

Élargissez légèrement (autour de 0.05 em) sur les libellés tout en capitales, dont le crénage par défaut paraît resserré. Resserrez (–0.01 à –0.02 em) sur les grands titres d'affichage. Laissez le corps tel quel : le dessinateur du caractère l'a déjà optimisé.

La WCAG impose-t-elle vraiment un minimum de 16 px ?

La WCAG ne fixe pas de minimum strict, mais elle exige que le texte puisse être agrandi à 200 % sans casser la mise en page. En pratique, partir de 16 px et utiliser des unités relatives suffit. Des tailles par défaut plus petites obligent l'utilisateur à zoomer, ce que la plupart ne feront pas.

Outils similaires