Jai une police de 40 pixels que jessaie de traduire en images personnalisées. Jessaie de faire correspondre exactement la taille de limage, mais je « Jai des problèmes pour obtenir exactement la bonne taille. En gros, il sagit de ceci. Quand une police dit quil sagit de X pixels, quest-ce que cela signifie physiquement?

Commentaires

Réponse

Cest une excellente question, qui a une réponse plutôt insatisfaisante.

Le la taille du type, quelle soit spécifiée en pixels, en points (1/72 « ) ou en millimètres, correspond à la hauteur dun em-carré, une boîte invisible qui est généralement un peu plus grande que la distance entre le plus grand bloqueur et le plus bas descendeur.

Étant donné que cest une mesure quelque peu arbitraire qui

  • dépend de la conception technique exacte de la police
  • ne peut pas être mesurée avec précision à partir dun imprimé ou échantillon rastérisé

ce nest 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 que cest un rapport constant pour nimporte quelle police, mais je ne mattendrais pas à ce que ce soit le cas si vous changez de navigateur ou de système dexploitation.

Réponse

Temps ASCII! Prétendez que les deux cases ci-dessous sont des morceaux de caractères en plomb datant de 1900 environ. À lépoque, les caractères étaient moulés en plomb (ou acheminés dans du bois). Pour le type à définir dans une impression de verrouillage, ils devaient être reliés à des blocs solides. Cest de là que 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 les deux les lettres ci-dessus sont de tailles différentes, mais leur cadre de délimitation est le même. En tant que tel, en termes de points, ces deux polices sont de la même taille.

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

La mesure du type en pixels ne fonctionne pas à cause de cela, cependant, vous pouvez « définir » le type en pixels dans CSS et autres. Le navigateur effectue une traduction du mieux quil peut entre la taille px déclarée. Mais cest toujours une estimation floue.

En fin de compte, il ny a pas de moyen précis dobtenir deux polices de caractères exactement de la même taille à moins de les regarder visuellement et de changer la taille de chacune jusquà ce que vous les voyiez comme étant de la même taille.

Commentaires

  • Dans votre ordinateur, vous calculez des points en pixels comme ceci PX = Points * SystemDPI / 72. DPI dans un monde vidéo (moniteur) est une valeur purement arbitraire introduite par Apple en 1984. Les appareils vidéo nutilisent que des pixels; Le DPI n’existe pas ‘ dans le monde vidéo / image. Les polices modernes sont basées sur ce concept où 1 point, 1/72 est défini comme 1/72 de pouce.
  • @AbdiasSoftware Oui, 1 point a été en moyenne à 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 jai donnée. Il nen reste pas moins que les polices, quelles soient numériques ou analogiques, ont un cadre de délimitation et cest à ce cadre de délimitation que se réfère la taille.

Réponse

La « taille de police » dune police fait référence à la police « s » em height « , qui nest pas nécessairement la même que la hauteur de certains caractères de la police.

Habituellement , la hauteur em dune police adhère à la même idée de base – elle « sera à peu près définie à la distance du descendant le plus bas (comme le bas de la lettre g) au plus haut ascendant (tel que le haut de la lettre h):

Comme vous pouvez le voir, aucune des lettres individuelles ne couvre toute cette plage.

Avec les polices numériques, la « hauteur em » dune police est un choix fait par la police designer, et na pas du tout à se conformer à cette convention: un concepteur de caractères numériques peut choisir nimporte quelle base pour sa taille em. Cependant, les polices ont toujours tendance à adhérer, au moins grosso modo, au genre de convention décrite ci-dessus.Autrefois, lorsque le type se composait de blocs métalliques, la « hauteur em » était la hauteur de lun de ces blocs, qui devait être suffisamment haute non seulement pour nimporte quel caractère de cette police, mais aussi pour tous les ascendeurs, descendants et accents.

Maintenant, de nombreuses polices modernes incluent également des accents sur les majuscules (comme Ć) – ces accents sétendent à lextérieur du traditionnel ascendeur typographique et donc ceux-ci (et éventuellement dautres caractères spéciaux) se situent en dehors du haut du « em ». Pour des raisons historiques, nous n « ajustons pas la taille des em pour les autoriser, nous conservons la taille des em et les faisons simplement étendre – tout typographe utilisant de tels accents devra sassurer quil y a de la place pour quils sétendent, bien que généralement le lintervalle de ligne est adéquat dans le corps du texte.

lintervalle de ligne dans le corps du texte est un espace laissé entre le descendant dune ligne de texte et lascendeur de la ligne en dessous, cest-à-dire que la « taille de police » ninclut pas cette mesure dintervalle de ligne. Elle peut être influencée par le champ CSS line-height, où 1.4 signifie que lintervalle de ligne est de 0,4 fois la hauteur de em, et donc une ligne entière du corps du texte occupera 1,4 fois la hauteur dem y compris lintervalle de ligne. Dans dautres applications, lintervalle de ligne peut être spécifié différemment: les traitements de texte spécifient souvent en termes dun multiple de linterligne « simple », mais contrairement à CSS, un espacement « simple » ne signifie généralement pas dintervalle de ligne, mais un espacement de ligne « par défaut », où lap plication essaie de créer une valeur par défaut basée sur les métadonnées du fichier de police. Il existe plusieurs normes pour spécifier les métriques dans la police (par exemple dans Truetype, il existe différentes normes Mac et Windows / OS2), de sorte que lintervalle de ligne par défaut peut varier entre les applications et les systèmes dexploitation.

Maintenant, même si un le concepteur suit une convention prévisible pour leur hauteur em, cela ne vous indique toujours pas la taille des majuscules (cap-height) ou la taille dun o (x-height ou midline) car ils peuvent varier librement entre les polices en fonction de la hauteur de lascendeur. Au sein dune famille de polices, elles seront généralement cohérentes. Ainsi, par exemple, Times New Roman Bold et Times New Roman Regular seront ont les mêmes tailles de caractères pour la même taille em, qui doivent inclure les ascendeurs, les descendants, la hauteur de la casquette et la hauteur des x.

Commentaires

  • Oui – il existe des conventions (par exemple, em allant du bas de ‘ g ‘ au haut de ‘ h ) mais il y a encore des écarts, et les formats de police nimposent pas du tout aux concepteurs ces conventions.

Réponse

Essayez de saisir la barre verticale (« | ») et mesurez-la. Si jai correctement dupliqué votre situation et que votre anticrénelage ne la brouille pas trop, il devrait être 22px.

22px représente la hauteur du bloc de type. Mais chaque caractère remplit le bloc différemment. A « g « ou » q « occupera la région inférieure de ce 22px, tandis que les lettres majuscules et minuscules comme » b « ou » d « occuperont les parties supérieures.  » | « est lun des seuls (sinon le seul) caractère qui remplira entièrement lespace de 22px.

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

Commentaires

  • De plus, vous pouvez définir deux polices de même taille et vous ‘ ll voient souvent que les lettres, elles-mêmes, ne le sont pas. Ils ont simplement la même taille de ‘ bloc ‘.
  • Le tube ne remplit pas toujours lespace total alloué. Il ‘ est purement une préférence du concepteur de type. Il ‘ correspond souvent au haut des ascendeurs et au bas des descendants, mais même dans ce cas, lespace alloué aux caractères peut encore être beaucoup plus grand.
  • La barre verticale nest pas toujours égale à la taille em (par exemple,  » pleine hauteur « ) de la police, non. En fait, ce sera généralement moins.
  • Les caractères de dessin de boîte verticaux devraient théoriquement couvrir toute la hauteur em (et se chevaucher probablement cest une petite quantité). Mais très peu de polices incluent ces caractères. La barre verticale normale (|) ne sera généralement PAS égale à la taille em. Il ne fait même pas ‘ cela dans les polices de base Microsoft (Arial, Géorgie, etc.).
  • Le caractère de barre verticale ne ‘ t remplir toute la hauteur. Accents pour les caractères majuscules, par exemple  » Á  » sont positionnés plus haut.Comparez-vous:  » Á  »  » |  »

Réponse

Êtes-vous sûr de votre police est mesuré en pixels? La plupart du temps, les polices sont mesurées en points. Un point correspond à 1/72 de pouce. Ainsi, une police de 40 points mesure 40/72 « ou 5/9 » de haut. Le kicker est que cest la dimension du haut des ascendeurs sur les grandes lettres au bas des descendants sur les lettres qui pendent sous la ligne de base. Cest pourquoi la hauteur x est parfois utilisée, comme mentionné ci-dessus. Il sagit de la hauteur des lettres minuscules qui ne collent ni vers le haut ni vers le bas.

Quoi quil en soit, les mesures ne sont jamais exactes de toute façon, malheureusement. Il vous suffira de mesurer et de comprendre (et / ou dessayer et derreurs) pour accomplir ce que vous essayez.

Commentaires

  • Mais les points ne concernent que le type physique (imprimé, sculpté, gravé, etc.).
  • Pas tout à fait correct. Tapez isn ‘ t mesuré du haut des ascendeurs au bas des descendants, mais plutôt ‘ mesuré par un cadre englobant qui peut ou non correspondre à la hauteur du treuil / descendant. Cela remonte à lépoque du plomb et du type de bois où le type était mis sur un bloc. Cétait la hauteur de ce bloc qui dictait la taille du type. En tant que tel, deux polices, toutes deux définies à 12 pt peuvent être de tailles très différentes lune de lautre. (Je nai pas ‘ entrer dans ce fait que 1pt ne ‘ t traditionnellement = 1/72 de pouce …;)

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *