texto - tipo de letra en css
Al establecer un tamaño de fuente en CSS, ¿cuál es la altura real de las letras? (3)
Después de buscar una respuesta satisfactoria a una pregunta similar, este gráfico me pareció de mucha ayuda ...
http://static.splashnology.com/articles/Choosing-the-Best-Units/font-units-large.png
Aquí hay una pregunta similar cuya respuesta en esencia dice:
La altura, específicamente desde la parte superior de los ascendentes (por ejemplo, ''h'' o ''l'' (el)) hasta la parte inferior de los descensores (por ejemplo, ''g'' o ''y'')
Esta también ha sido mi experiencia. Es decir, en 14px Arial, la altura de la letra K (la altura de la línea base) es de aproximadamente 10px.
Las especificaciones no dicen nada sobre el tamaño de fuente calculado, así que supongo que esto es específico del navegador, pero no pude encontrar ninguna referencia al mismo.
(Otras preguntas aquí y aquí preguntan más o menos lo mismo, pero lamentablemente ninguna respuesta da una explicación satisfactoria).
¿Hay alguna documentación sobre por qué el tamaño de fuente parece ser del tamaño "de ascendentes a descendientes"?
Algunos antecedentes sobre el tema
Cuando las letras se creaban en metal, el em se refería al tamaño de cada bloque sobre el que se grabaría la letra, y ese tamaño estaba determinado por la M mayúscula porque usualmente ocupaba más espacio.
Hoy en día, los desarrolladores de fuentes crean sus fuentes en una computadora sin las limitaciones de una pieza física de metal, por lo que mientras la em todavía exista, no es más que un límite imaginario en el software; por lo tanto, propenso a ser manipulado o descuidado por completo.
Estándares
En una fuente OpenType , se supone que el tamaño de em se establece en 1000 unidades. Y en las fuentes TrueType , el tamaño de em es generalmente 1024 o 2048.
La manera más precisa de definir un estilo de fuente es usar EM de esa manera cuando se define un tamaño de fuente para usar, la dimensión no se refiere a la altura de píxel de la fuente, sino a las fuentes x altura que está determinada por la distancia entre la línea de base y la línea media de la fuente.
Para el registro 1 PT es aproximadamente 0.35136 mm. Y PX tiene 1 "punto" en la pantalla definido por los puntos por pulgada cuadrada o resolución de su pantalla y, por lo tanto, diferente de pantalla a pantalla, y es la peor forma de definir un tamaño de fuente.
Conversión de unidades
Esta es una lectura muy buena si disfrutas de literatura que hace que tus ojos sangren como yo .. Unificación internacional de mediciones tipográficas
1 point (Truchet) | 0.188 mm
1 point (Didot) | 0.376 mm or 1/72 of a French royal inch
1 point (ATA) | 0.3514598 mm or 0.013837 inch
1 point (TeX) | 0.3514598035 mm or 1/72.27 inch
1 point (Postscript) | 0.3527777778 mm or 1/72 inch
1 point (l’Imprimerie nationale, IN) | 0.4 mm
1 pica (ATA) | 4.2175176 mm = 12 points (ATA)
1 pica (TeX) | 4.217517642 mm = 12 points (TeX)
1 pica (Postscript) | 4.233333333 mm = 12 points (Postscript)
1 cicero | 4.531 mm = 12 points (Didot) Resoluciones
µm : 10.0 20.0 21.2 40.0 42.3 80.0 84.7 100.0 250.0 254.0
dpi : 2540 1270 1200 635 600 317 300 254 102 100
Los estándares solo valen tanto ...
El tamaño real de los glifos de una letra frente a otra fuente siempre varía dependiendo de:
- cómo el desarrollador diseñó los glifos de fuentes al crear la fuente,
- y cómo el navegador representa esos caracteres. No hay dos navegadores que sean exactamente iguales.
- la resolución y ppi de la pantalla viendo la fuente.
Ejemplo
Como ejemplo de lo común que es para los desarrolladores de fuentes manipular la geometría ... Cuando Apple creó la fuente de script Zapfino, la clasificaron en relación con las mayúsculas más grandes de la fuente, como era de esperar, pero luego decidieron que las letras minúsculas demasiado pequeño, así que unos años más tarde lo revisaron para que cualquier tamaño de punto determinado fuera aproximadamente 4 veces más grande que otras fuentes.
Si no tienes dolor de cabeza, lee un poco más ...
Hay buena información en Wikipedia sobre la tipografía moderna y los orígenes; y otros temas relevantes.
Y algo de experiencia de primera mano
Si desea obtener más información de primera mano, puede descargar la herramienta de desarrollo de fuentes gratuita FontForge, que es comparable a la versión no gratuita de FontLab Studio (cualquiera de estos dos es la elección popular entre los desarrolladores de fuentes en mi experiencia). Ambos también tienen comunidades activas para que pueda encontrar un gran apoyo cuando aprenda a usarlos.
La respuesta con respecto a la composición tipográfica es excelente, pero tenga en cuenta que el CSS difiere de la tipografía tradicional en muchos casos.
En CSS, el tamaño de fuente determina la altura del "em-box". El em-box es un cuadro delimitador que puede contener todas las letras de la fuente, incluidos los ascendentes y descendentes. De manera informal, puede pensar en el tamaño de fuente como la altura "j", ya que una j minúscula tiene tanto ascendente como descendente y, por lo tanto (en la mayoría de las fuentes) usa la altura completa de la caja em.
Esto significa que la mayoría de las letras (como una M mayúscula) tendrán espacio arriba y abajo en el em-box. La cantidad relativa de espacio por encima y por debajo de una letra mayúscula variará según las fuentes, ya que algunas fuentes tienen ascendentes y descendentes relativamente más grandes o más pequeños. Esto es parte de lo que estilísticamente establece las fuentes para los demás.
Usted pregunta por qué el tamaño de fuente incluye ascendentes y descendentes, es decir. por qué corresponde a la altura del em-box, aunque la altura de la mayoría de las letras será menor que esta. Bueno, como la mayoría de los textos sí incluyen letras con ascendentes y descendentes, la altura del cuadro EM indica la cantidad de espacio vertical que requiere el texto (como mínimo), lo que es bastante útil.
Una advertencia: algunos glifos pueden incluso extenderse más allá del em-box en algunas fuentes. Por ejemplo, la letra "Å" a menudo se extiende sobre el em-box. Esta es una elección estilística del diseñador de la fuente.