Aussi disponible en : English · Español · Português · العربية
Vérificateur de longueur de ligne
Mesure les caractères par ligne que votre CSS produit vraiment, dans la police que vous employez vraiment, et montre à quel point les unités ch manquent la cible.
Qu’est-ce qu’un vérificateur de longueur de ligne ?
La longueur de ligne — les typographes disent la justification — c’est le nombre de caractères qui tiennent sur une ligne. C’est le chiffre derrière le conseil de garder le texte courant entre 45 et 75 caractères, et il dépend de trois choses à la fois : la largeur du conteneur, le corps de la police et la police elle-même.
Cet outil la mesure au lieu de l’estimer. Réglez une largeur, un corps et une famille, et il indique les caractères par ligne que votre prose obtiendrait réellement, en employant le moteur de texte de votre propre navigateur sur votre propre texte.
Il répond aussi à la question qui amène presque tout le monde ici : quelle largeur mettre ? Le panneau de résultats donne à la fois la largeur en pixels et la valeur en ch qui produisent réellement 66 caractères dans la police choisie — et ce ne sont pas les nombres qu’on devinerait.
Comment utiliser le vérificateur
- Collez un paragraphe. Employez votre propre prose plutôt qu’un faux-texte. La largeur moyenne d’un caractère varie selon les langues et selon les auteurs, et toute la mesure en dépend.
- Choisissez une police et un corps. Les sept familles proposées sont déjà présentes sur presque toutes les machines : rien à télécharger pour les mesurer. Le corps compte moins qu’on ne croit, car il met à l’échelle les deux côtés du rapport.
- Faites glisser la largeur du conteneur. L’aperçu se redessine et le panneau vous dit où vous tombez par rapport à la plage 45–75. Si vous voulez une cible plutôt qu’un verdict, lisez plutôt les deux lignes du bas.
max-width: 65ch ne donne pas 65 caractères
Le conseil habituel pour atteindre une justification confortable est de régler max-width en unités ch, au motif qu’un ch vaut un caractère. Il ne les vaut pas. La spécification CSS définit l’unité ch comme la chasse du caractère « 0 » dans la police de l’élément : un zéro, précisément, et non une lettre moyenne. Or dans toute police proportionnelle, les chiffres sont dessinés plus larges que les minuscules, parce qu’ils doivent s’aligner en colonnes.
Nous avons mesuré de combien, sur 6,7 millions de caractères de prose réelle tirés de douze livres du domaine public, à 16 pixels. En Georgia, un ch fait 9,82 pixels quand le caractère moyen de la prose en fait 6,96 : un rapport de 1,41. Arial ressort à 1,27, Verdana à 1,26, Times New Roman à 1,26, Tahoma à 1,24 et Trebuchet MS à 1,16.
Multipliez, et le conseil s’effondre. Un conteneur réglé à max-width: 65ch contient environ 92 caractères en Georgia, 83 en Arial, 82 en Verdana et en Times New Roman, et 76 en Trebuchet MS. Toutes les polices proportionnelles dépassent la plage 45–75 qu’elles étaient censées atteindre, et la médiane s’établit à 82 caractères pour un nominal de 65.
La vérification qui rend ces chiffres dignes de confiance est la dernière ligne du tableau. Courier New ressort à exactement 1,000, parce que dans une police à chasse fixe chaque glyphe, zéro compris, a la même largeur : un ch doit donc valoir un caractère. Si la mesure était fausse, cette ligne ne tomberait pas sur 1.
Dans l’autre sens, qui est le sens utile : pour obtenir les 66 caractères de Bringhurst, il vous faut environ 47ch en Georgia, 52ch en Arial, 53ch en Times New Roman et 57ch en Trebuchet MS. Aucune valeur unique de ch ne signifie 66 caractères, et c’est exactement pourquoi cette page mesure au lieu d’en recommander une.
Limites assumées
La plage 45–75 n’est pas un résultat scientifique et cette page ne prétendra pas le contraire. Elle vient des Éléments du style typographique de Robert Bringhurst, où elle est donnée comme un consensus de métier pour une page à une colonne, 66 caractères étant nommés comme un idéal satisfaisant. C’est une bonne source pour une convention de composition, non une mesure de quoi que ce soit.
La littérature expérimentale est plus mince et moins nette que l’assurance du conseil ne le laisse croire. Dyson et Haselgrove ont trouvé en 2001 que 55 caractères par ligne se lisaient plus vite que 25 ou 100, avec la meilleure compréhension. Les travaux du laboratoire d’ergonomie de Wichita State ont trouvé presque l’inverse pour la vitesse, environ 95 caractères se lisant le plus vite, sans effet fiable sur la compréhension ni sur la satisfaction. Ce qui survit d’une étude à l’autre, c’est que la compréhension bouge à peine sur une large plage et que les lecteurs préfèrent des lignes plus courtes que celles qu’ils lisent le plus vite. Prenez la plage comme une valeur par défaut sensée, non comme une loi.
La mesure est une moyenne, et les moyennes masquent des choses. Un paragraphe aux longs mots techniques a un caractère moyen plus large qu’un paragraphe de mots courts : le même conteneur donne donc une justification différente selon la prose. C’est un effet réel et non un défaut — c’est pourquoi l’outil demande votre texte — mais le nombre bouge quand l’échantillon change.
Seuls les caractères sont comptés, pas les mots, et le navigateur coupe les lignes aux espaces. Un conteneur donnant 66 caractères en moyenne produira des lignes de 58 à 72 environ au gré des césures : traitez le chiffre comme le centre d’une distribution, non comme la largeur de chaque ligne.
Les sept polices du tableau comparatif sont des familles système mesurées à partir des vrais fichiers de fonte. Une webfont que vous chargez aura son propre rapport, que l’outil mesure correctement pour les chiffres en direct en haut : le tableau fixe est une référence, non une affirmation sur votre pile. Le moteur porte 39 assertions, dont ce contrôle à chasse fixe et une moitié négative confirmant qu’une police proportionnelle ne ressort jamais à 1.
Pourquoi est-ce gratuit ?
Mesurer du texte, c’est ce que votre navigateur fait déjà sur chaque page qu’il dessine ; celle-ci se contente de lui demander le nombre. Rien n’est envoyé, il n’y a pas de compte, et rien à filigraner.
Si vous voulez la même mesure appliquée à un résultat de recherche plutôt qu’à un paragraphe, le générateur de balises meta de ce site le fait, et raconte une histoire voisine sur une règle que tout le monde cite en caractères et que les navigateurs appliquent en pixels.