A quoi correspond exactement la taille de la police?


81

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?


en fonte, nous avons une terminologie de x hauteur, parlez-vous de la même chose ??
Jack

5
Si vous tapez un document, une taille de police de 12 est généralement utilisée. Que signifie le 12?
PearsonArtPhoto

12 = type 12pt (en général)
DA01

Réponses:


67

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.


49

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.


Sur votre ordinateur, vous calculez les points en pixels comme ceci: PX = Points * SystemDPI / 72. Le DPI dans un monde vidéo (moniteur) est une valeur purement arbitraire introduite par Apple en 1984. Les périphériques vidéo utilisent uniquement des pixels; Le DPI n'existe pas dans le monde de la vidéo / de l'image. Les polices modernes sont basées sur ce concept où 1 point, 1/72 est défini comme 1/72 de pouce.

5
@AbdiasSoftware Oui, 1 point sur une moyenne de 1/72 de pouce et le premier Mac avait un écran de 72 ppp. Mais je ne sais pas ce que cela a à voir avec la question posée ou la réponse que j'ai donnée. Le fait demeure que les polices, qu'elles soient numériques ou analogiques, ont un cadre de sélection et que ce dernier est ce à quoi correspond la taille.
DA01

41

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.


2
Oui, il existe des conventions (par exemple, em va du bas de 'g' au haut de 'h'), mais il existe encore des différences, et les formats de police ne contraignent pas du tout les concepteurs à respecter ces conventions.
thomasrutter

7

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.


1
De plus, vous pouvez définir deux polices de la même taille et vous verrez souvent que les lettres, elles-mêmes, ne le sont pas. Ils ont simplement la même taille de bloc.
DA01

3
Le tuyau ne remplit pas toujours l’espace total alloué. C'est purement une préférence du typographe. Cela correspond souvent au haut des ascendeurs et au bas des descendeurs, mais même dans ce cas, l'espace alloué aux personnages peut encore être beaucoup plus grand.
DA01

2
Le caractère de barre verticale n’est pas toujours égal à la taille em (par exemple, "hauteur maximale") de la police, no. En fait, ce sera généralement moins.
thomasrutter

2
Les caractères de dessin de boîte verticaux devraient théoriquement couvrir toute la hauteur (et probablement le chevaucher légèrement). Mais très peu de polices incluent ces caractères. La barre verticale normale ( |) ne sera généralement pas égale à la taille em. Cela n'est même pas le cas dans les polices de base de Microsoft (Arial, Géorgie, etc.).
thomasrutter

2
Le caractère de barre verticale ne remplit pas toute la hauteur. Les accents pour les caractères majuscules, par exemple "Á" sont positionnés plus haut. Comparez-vous: "Á" "|"
Znq

0

Ê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.


Mais les points ne concernent que le type physique (imprimé, gravé, gravé, etc.).
e100

Pas tout à fait correct. Le type n'est pas mesuré du haut des ascendeurs au bas des descendeurs, mais plutôt à l'aide d'un cadre de sélection qui peut ou non correspondre à la hauteur du descendant / ascendeur. Cela remonte à l'époque du plomb et du type de bois où le type était placé sur un bloc. C'est la hauteur de ce bloc qui dictait la taille du type. Ainsi, deux polices, toutes deux réglées à 12 points, peuvent avoir des tailles très différentes les unes des autres. (Je ne vais pas entrer dans le fait que 1 pt ne fait pas traditionnellement = 1/72 de pouce ...;)
DA01 10/10
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.