A quoi correspond exactement la taille de la police?

J'ai une police de 40 pixels que j'essaie de traduire en images personnalisées. J'essaie de faire correspondre exactement la taille de l'image, mais j'ai quelques problèmes pour obtenir la taille exacte. En gros, voici ce qu’il en est. Quand une police de caractères indique X pixels, qu'est-ce que cela signifie physiquement?

C'est une excellente question, à laquelle la réponse est plutôt insatisfaisante.

La taille du type, qu'elle soit spécifiée en pixels, en points (1/72 ") ou en millimètres, correspond à la hauteur d'un em-carré, une boîte invisible qui est généralement un peu plus grande que la distance entre le plus grand ascendeur et le plus bas descender.

Étant donné qu'il s'agit d'une mesure quelque peu arbitraire qui

• dépend de la conception technique exacte de la police
• ne peut pas être mesuré avec précision à partir d'un échantillon imprimé ou tramé

ce n'est pas très significatif ou utile, sauf à titre approximatif.

Dans votre cas, déterminez la taille que vous devez spécifier dans Photoshop pour correspondre au rendu du navigateur par expérimentation. Vous devriez trouver ce rapport constant pour toutes les polices, mais je ne m'attendrais pas à ce que ce soit le cas si vous changez de navigateur ou de système d'exploitation.

Temps ASCII! Faites semblant que les deux boîtes ci-dessous sont des morceaux de plomb de 1900 ou plus. À l'époque, les polices de caractères étaient moulées en plomb (ou en bois). Pour que le type soit défini dans un blocage d'impression, il fallait le connecter à des blocs pleins. C’est d’où vient la dimension du type (en points):

+--------------+  +-------------+  <----+
|              |  |             |       |
|      XX      |  |             |       |
|     X  X     |  |             |       |
|    XX  XX    |  |             |       |
|    XX  XX    |  |     X       |
|    XXXXXX    |  |    X X      |   Point size of the type
|   XX    XX   |  |    XXX      |
|   XX    XX   |  |   X   X     |       |
|  XX      XX  |  |   X   X     |       |
|  XX      XX  |  |             |       |
|              |  |             |       |
+--------------+  +-------------+  <----+

Notez que les deux lettres ci-dessus sont de tailles différentes, mais que leur cadre de sélection est le même. Ainsi, en termes de points, ces deux polices ont la même taille.

De nos jours, nous ne fabriquons pas beaucoup de papier dans le plomb et le bois et la plupart est numérique. Cependant, le concept de dimensionnement des points existe toujours, dans la mesure où il existe une boîte virtuelle de la même hauteur pour chaque lettre sur laquelle le type est placé. Encore une fois, c'est cette boîte virtuelle qui définit la taille du point plutôt que les mesures physiques des formes de lettre elles-mêmes. La taille réelle des lettres est souvent inférieure à la taille en points (mais peut également être plus grande).

Mesurer le type en pixels ne fonctionne pas à cause de cela, cependant, vous pouvez "définir" le type en pixels en CSS et similaires. Le navigateur fait une traduction au mieux entre la taille px déclarée. Mais c'est toujours une estimation floue.

En fin de compte, il n’existe aucun moyen précis d’obtenir deux formes de lettres de polices de caractères de la même taille en les examinant visuellement et en modifiant leur taille jusqu’à ce que vous les voyiez identiques.

La "taille de police" d'une police fait référence à la "hauteur" de la police, qui n'est pas nécessairement identique à la hauteur de caractères particuliers de la police.

Généralement, la hauteur d'une police de caractères adhère à la même idée de base - elle sera définie grossièrement en fonction de la distance séparant le descendant le plus bas (comme le bas de la lettre g) du plus haut ascendeur (comme le haut de la lettre h):

Comme vous pouvez le constater, aucune des lettres individuelles ne couvre toute cette période.

Avec les polices numériques, la hauteur "em" d'une police est un choix du concepteur de polices et n'est pas obligée du tout de se conformer à cette convention: un concepteur de caractères numérique peut choisir n'importe quel fondement pour sa taille em. Cependant, les polices ont encore tendance à adhérer, au moins grossièrement, au type de convention décrit ci-dessus. Autrefois, lorsque le type consistait en des blocs de métal, la "hauteur" em était la hauteur de l'un de ces blocs, qui devait être assez haut non seulement pour un caractère de cette police, mais également pour les ascendeurs, les descendeurs et les accents.

Maintenant, beaucoup de polices de caractères modernes incluent également des accents sur les lettres majuscules (telles que Ć) - ces accents s’étendent en dehors de l’ ascendeur typographique traditionnel et par conséquent, ceux-ci (et éventuellement d’autres caractères spéciaux) ne figurent pas en haut de la lettre "em". Pour des raisons historiques, nous n’ajustons pas la taille de l’em pour les autoriser, nous les conservons et les étendons en dehors de celle-ci. Tout typographe utilisant de tels accents devra s’assurer qu’il y a suffisamment d’espace pour s’étendre, bien que généralement le l'interligne est adéquat dans le corps du texte.

L' espacement des lignes dans le corps du texte est un espace laissé entre le descendeur d'une ligne de texte et le curseur de la ligne au-dessous, c'est-à-dire que la "taille de la police" n'inclut pas cette mesure. Il peut être influencé par le champ CSS line-height, où1.4Cela signifie que l'intervalle entre les lignes est égal à 0,4 fois la hauteur de l'ém et qu'une ligne entière de texte de corps prendra 1,4 fois la hauteur de l'em, y compris l'intervalle. Dans d’autres applications, l’espace entre les lignes peut être spécifié différemment: les traitements de texte le spécifient souvent en fonction d’un multiple d’espacement "unique", mais contrairement à CSS, l’espacement "unique" ne signifie généralement pas qu’il n’ya pas d’espace, mais certaines lignes "par défaut" espace, où l'application essaie de trouver une valeur par défaut basée sur les métadonnées du fichier de police. Il existe plusieurs normes pour spécifier des mesures dans la police (par exemple, dans Truetype, il existe différentes normes Mac et Windows / OS2), de sorte que l'intervalle de ligne par défaut peut varier entre les applications et les systèmes d'exploitation.

Maintenant, même si un concepteur fait suivre une convention prévisible pour leur hauteur em, cela ne fonctionne toujours pas vous dire la taille des lettres majuscules (cap-hauteur) ou la taille de dire un ocar ceux - ci peuvent varier (x hauteur ou ligne médiane) librement entre les caractères par rapport à la hauteur du treuil. Au sein d'une famille de polices, ils seront généralement cohérents. Ainsi, par exemple, Times New Roman Bold et Times New Roman Regular auront les mêmes tailles de caractère pour la même taille em, ce qui devrait inclure les ascendeurs, les descendeurs, la hauteur de casquette et la hauteur de x.

Essayez de taper le caractère de barre verticale ('|') et mesurez-le. Si je duplique correctement votre situation et que votre antialiasing ne le brouille pas trop, il devrait être de 22 pixels.

22px représente la hauteur du bloc de type. Mais chaque personnage remplit le bloc différemment. Un «g» ou un «q» occupera la partie inférieure de cette 22px, tandis que les lettres majuscules et des lettres minuscules comme «b» ou «d» occuperont les parties supérieures. '|' est l’un des seuls (sinon le seul) personnage qui remplira entièrement l’espace de 22 pixels.

Je ne sais pas comment comparer vos paramètres CSS, mais cela explique comment Photoshop interprète la hauteur du texte.

Êtes-vous sûr que votre police est mesurée en pixels? La plupart des polices de temps sont mesurées en points. Un point est 1/72 de pouce. Donc, une police de 40 pt mesure 40/72 "ou 5/9" de hauteur. Le kicker est que c’est la dimension du haut des ascendeurs pour les lettres hautes au bas des descendeurs pour les lettres qui pendent au-dessous de la ligne de base. C'est pourquoi la hauteur x est parfois utilisée, comme mentionné ci-dessus. C'est la hauteur des lettres minuscules qui ne collent pas.

Quoi qu'il en soit, les mesures ne sont jamais exactes de toute façon, malheureusement. Vous devrez juste mesurer et calculer (et / ou essais et erreurs) pour accomplir ce que vous essayez.