La taille de la police en CSS mesure-t-elle vraiment des ascendants aux descendants ?

Comprendre la mesure de la taille de police en CSS : mythe contre réalité

En CSS, la définition d'une propriété de taille de police déclenche des requêtes sur sa hauteur réelle. Alors que la sagesse traditionnelle suggère que cela correspond à la hauteur des ascendants aux descendants, il est important d'approfondir ce sujet pour comprendre ce sujet.

Racines historiques

À l'origine, l'unité « em » dans la typographie désignait le bloc taille allouée pour graver chaque lettre majuscule, en particulier le M. Aujourd'hui, les polices numériques n'ont pas de telles contraintes physiques, ce qui permet aux concepteurs de polices de définir la taille des lettres en fonction de leur vision.

Définition des normes

Dans OpenType Dans les polices EM, la taille em est généralement de 1 000 unités, tandis que dans les polices TrueType, elle est généralement de 1 024 ou 2 048. Pour garantir la cohérence, il est recommandé de définir les styles de police en utilisant les unités EM. De cette façon, la taille de la police fait référence à la hauteur x de la police, représentant la distance entre la ligne de base et la ligne moyenne.

Unités de mesure

Différentes unités sont utilisées pour mesurer la taille des polices :

• Point (ATA): 0,3514598 mm
• Point (PostScript): 0,3527777778 mm
• Pixel (PX) :Varie en fonction de la résolution de l'écran

Mythe contre réalité

L'idée fausse selon laquelle la taille de la police représente la hauteur des ascendants aux descendants n'est pas universellement vraie. Cela dépend en grande partie de la conception du développeur de polices et des capacités de rendu du navigateur.

Par exemple, la police de script Zapfino d'Apple a été conçue à l'origine avec des lettres minuscules plus grandes que prévu, ce qui entraîne une taille de police apparente plus grande à une valeur en points donnée. .

Ressources supplémentaires

• [Unification internationale des mesures typographiques](https://archive.org/details/InternationalUnificationOfTypographicMeasurements/page/n11/mode/2up)
• [Point (Typographie)](https://en.wikipedia.org/wiki/Point_(typography))
• [Pixels par pouce](https://en.wikipedia.org/wiki/ Pixels_per_inch)
• [Métriques de police](https://en.wikipedia.org/wiki/Font_metrics)
• [Unités typographiques](https://en.wikipedia.org/wiki/ Typographic_units)

Exploration pratique

Pour obtenir des informations de première main, envisagez d'explorer des outils de développement de polices comme FontForge ou Fontlab Studio. Ces plates-formes donnent accès au fonctionnement interne de la conception des polices, vous permettant de manipuler les glyphes des polices et de comprendre leur géométrie.

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!