Que mesure réellement la taille de la police en CSS ?

Détermination de la hauteur réelle des lettres en CSS Font-Size

Lors de la définition d'une taille de police en CSS, il est important de comprendre ce que représente sa véritable hauteur. Contrairement à ce que l’on pourrait penser, la taille de la police ne correspond pas directement à la hauteur en pixels des lettres. Au lieu de cela, il fait référence à un concept appelé « em ».

Origines historiques de « Em »

Le « em » est né à l'époque de l'impression à caractères mobiles en métal. Il faisait référence au bloc carré contenant chaque lettre, généralement basé sur la hauteur de la lettre majuscule « M ». Avec l'avènement des polices numériques, cette limitation physique ne s'applique plus.

Normes et conversion d'unités

Dans la technologie de police moderne, le « em » reste une limite imaginaire dans les logiciels. Il est généralement défini sur 1 000 unités dans les polices OpenType et sur 1 024 ou 2 048 unités dans les polices TrueType. Pour définir une taille de police avec précision, utilisez l'unité "em", car elle représente la distance entre la ligne de base et la ligne moyenne de la police, et non la hauteur en pixels.

La conversion entre différentes unités typographiques et résolutions d'écran peut être complexe. Cependant, il est important de noter que 1 point (Truchet) équivaut à environ 0,35 mm et 1 pixel (PX) est un seul « point » sur un écran, qui varie en fonction de la résolution de l'écran.

Incohérences dans la réalité Taille

Malgré l'existence de normes, la hauteur réelle des glyphes dans une police donnée peut varier considérablement en fonction de :

• Comment le développeur de la police a conçu les glyphes
• Le rendu des caractères par le navigateur
• La résolution et la densité de pixels de l'écran

Par exemple, la police de script Zapfino créée par Apple était à l'origine dimensionnée par rapport aux plus grandes majuscules de la police . Cependant, les lettres minuscules semblaient petites, de sorte que la police a ensuite été révisée pour rendre une taille de points donnée environ 4 fois plus grande que les autres polices.

Implications pratiques

Comprendre la véritable nature de la taille de la police dans CSS est crucial pour garantir une typographie cohérente et précise dans la conception numérique. Il est essentiel de prendre en compte les paramètres de la police, la compatibilité du navigateur et la résolution de l'écran lors de la spécification des tailles de police pour obtenir l'impact visuel souhaité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!