Tengo una fuente de 40 píxeles que estoy tratando de traducir en imágenes personalizadas. Estoy tratando de hacer coincidir exactamente el tamaño de la imagen, pero «Tengo algunos problemas para conseguir exactamente el tamaño correcto. Básicamente, todo se reduce a esto. Cuando una fuente dice que son X píxeles, ¿qué significa esto físicamente?
Comentarios
- en fuente tenemos una terminología de x altura, ¿estás hablando de lo mismo?
- Si estás escribiendo un documento, normalmente se usa un tamaño de fuente 12. ¿Qué ¿significa el 12?
- 12 = tipo 12pt (normalmente)
- eche un vistazo a w3.org/Style/Examples/ 007 / units.en.html # font-size
- Una buena lectura sobre esto es “Tamaño de punto y el cuadrado Em: no es qué People Think ”, de Thomas Phinney, un gurú de las fuentes en Adobe y FontLab.
Responder
Esta es una excelente pregunta, que tiene una respuesta bastante insatisfactoria.
El el tamaño del texto, ya sea especificado en píxeles, puntos (1/72 «) o milímetros, es la altura de un cuadrado em, una caja invisible que suele ser un poco más grande que la distancia desde el ascendente más alto al descendente más bajo.
Dado que se trata de una medida algo arbitraria que
- depende del diseño técnico exacto de la fuente
- no se puede medir con precisión a partir de una o muestra rasterizada
no es muy significativa o útil, excepto como una aproximación.
En su caso, averigüe qué tamaño necesita especificar en Photoshop para que coincida con la representación del navegador mediante experimentación. Debería encontrar que esta es una proporción constante para cualquier fuente, pero no esperaría que este sea el caso si cambia el navegador o el sistema operativo.
Respuesta
¡Es hora de ASCII! Imagina que las dos casillas de abajo son piezas de tipo de plomo de 1900 aproximadamente. En ese entonces, los tipos de letra se fundían en plomo (o se enrutaban en madera). Para que el tipo se estableciera en una impresión lock-up, tenían que estar conectados a bloques sólidos. Aquí es de donde proviene la dimensión del tipo (en puntos):
+--------------+ +-------------+ <----+ | | | | | | 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 | | | | | | | | | +--------------+ +-------------+ <----+ Note los dos las letras de arriba son de diferentes tamaños, pero su cuadro delimitador es el mismo. Como tal, en términos de puntos, ambas fuentes tienen el mismo tamaño.
Hoy en día, no hacemos muchas letras en plomo y madera y la mayor parte es digital. Sin embargo, el concepto de tamaño en puntos todavía existe en el sentido de que existe una caja virtual que tiene la misma altura para cada letra en la que se coloca el tipo. Nuevamente, es este cuadro virtual el que define el tamaño en puntos en lugar de las medidas físicas de las formas de las letras en sí. El tamaño real de las formas de las letras suele ser más pequeño que el tamaño de los puntos (pero también puede ser más grande).
La medición del tipo en píxeles no funciona por eso, sin embargo, puede «establecer» el tipo en píxeles en CSS y similares. El navegador hace una traducción lo mejor que puede entre el tamaño de px declarado. Pero siempre es una estimación difusa.
En última instancia, no existe una forma precisa de obtener dos tipos de letra con exactamente el mismo tamaño, salvo mirarlos visualmente y cambiar el tamaño de cada uno hasta que los vea como siendo del mismo tamaño.
Comentarios
- En su computadora usted calcula Puntos a Píxeles como este PX = Puntos * SystemDPI / 72. DPI en un mundo de video (monitor) es un valor arbitrario puro introducido por Apple en 1984. Los dispositivos de video usan solo píxeles; DPI no ‘ t existe en el mundo de los videos / imágenes. Las fuentes modernas se basan en este concepto en el que 1 punto, 1/72 se define como 1/72 de pulgada.
- @AbdiasSoftware Sí, se ha promediado 1 punto a 1/72 de pulgada y el primero Mac tenía una pantalla de 72 ppp. Pero no estoy seguro de qué tiene que ver eso con la pregunta o la respuesta que di. El hecho es que las fuentes, ya sean digitales o analógicas, tienen un cuadro delimitador y ese cuadro delimitador es a lo que se refiere el tamaño.
Respuesta
El «tamaño de fuente» de una fuente se refiere a la «altura» de la fuente, que no es necesariamente la misma que la altura de caracteres particulares en la fuente.
Por lo general la altura em de una fuente se adhiere a la misma idea básica: «se establecerá aproximadamente a la distancia desde el descendente más bajo (como la parte inferior de la letra g) al ascendente más alto (como la parte superior de la letra h):
Como puede ver, ninguna de las letras individuales cubre todo el espacio.
Con las fuentes digitales, la «altura em» de una fuente es una elección hecha por la fuente diseñador, y no tiene que ajustarse en absoluto a esta convención: un diseñador de tipografía digital puede elegir cualquier base para su tamaño em. Sin embargo, las fuentes aún tienden a adherirse, al menos aproximadamente, al tipo de convención descrita anteriormente.En los viejos tiempos, cuando el tipo consistía en bloques de metal, la «altura em» era la altura de uno de esos bloques, que debía ser lo suficientemente alto no solo para cualquier carácter de ese tipo de letra, sino también para los ascendentes, descendentes y acentos.
Ahora, muchos tipos de letra modernos también incluyen acentos en letras mayúsculas (como Ć); estos acentos se extienden fuera del tradicional ascendente tipográfico y, por tanto, estos (y posiblemente otros caracteres especiales) quedan fuera de la parte superior de «em». Por razones históricas, no ajustamos el tamaño de em para permitirlos, mantenemos el tamaño de em y solo hacemos que estos se extiendan fuera de él; cualquier tipógrafo que use tales acentos deberá asegurarse de que haya espacio para que se extiendan, aunque generalmente el El espacio entre líneas es adecuado en el cuerpo del texto.
El espacio entre líneas en el texto del cuerpo es un espacio que queda entre el descendente de una línea de texto y el ascendente de la línea debajo, es decir, el «tamaño de fuente» no incluye esta medida de espacio de línea. Puede verse influenciado por el campo CSS line-height, donde 1.4 significa que el espacio entre líneas es 0,4 veces la altura del eje y, por lo tanto, una línea completa del texto del cuerpo ocupará 1,4 veces la altura del eje, incluido el espacio entre líneas. En otras aplicaciones, el espacio entre líneas se puede especificar de forma diferente: Los procesadores de texto a menudo especifican en términos de un múltiplo de espaciado de línea «simple», pero a diferencia de CSS, el espaciado «simple» no significa que no haya espacio de línea, sino algún espacio de línea «predeterminado», donde el La aplicación intenta generar un valor predeterminado basado en los metadatos del archivo de fuente. Hay varios estándares para especificar métricas en la fuente (por ejemplo, en Truetype, hay diferentes estándares de Mac y Windows / OS2) por lo que el espacio de línea predeterminado puede variar entre aplicaciones y sistemas operativos.
Ahora, incluso si un el diseñador sí sigue una convención predecible para la altura de su eje, esto todavía no le dice el tamaño de las letras mayúsculas (altura de la tapa) o el tamaño de, por ejemplo, un o (altura x o línea media), ya que pueden variar libremente entre los tipos de letra en relación con la altura del ascendente. Sin embargo, dentro de una familia de fuentes, por lo general serán coherentes. Por ejemplo, Times New Roman Bold y Times New Roman Regular tienen los mismos tamaños de caracteres para el mismo tamaño de em, que debe incluir ascendentes, descendentes, altura de mayúscula y altura de x.
Comentarios
- Sí – hay convenciones (como em desde la parte inferior de ‘ g ‘ hasta la parte superior de ‘ h ), pero todavía hay variaciones, y los formatos de fuente no mantienen a los diseñadores en estas convenciones en absoluto.
Respuesta
Intente escribir el carácter de barra vertical («|») y mida eso. Si dupliqué tu situación correctamente y tu suavizado no lo difumina demasiado, debería ser de 22 px.
22 px representa la altura del bloque de texto. Pero cada carácter llena el bloque de manera diferente. A «g «o» q «ocuparán la región inferior de esos 22px, mientras que las letras mayúsculas y minúsculas como» b «o» d «ocuparán las porciones superiores. » | «es uno de los únicos (si no el único) carácter que llenará por completo el espacio de 22px.
No sé cómo comparar con la configuración de CSS, pero eso explica cómo Photoshop interpreta la altura del texto .
Comentarios
- Además, puede establecer dos fuentes del mismo tamaño y ‘ ll a menudo ven que las formas de las letras, en sí mismas, no lo son. Simplemente tienen el mismo tamaño de ‘ bloque ‘.
- La tubería no siempre llena el espacio total asignado. Es ‘ puramente una preferencia del diseñador de tipos. ‘ a menudo coincidirá con la parte superior de los ascendentes y la parte inferior de los descendentes, pero incluso entonces, el espacio asignado para los caracteres puede ser mucho mayor.
- El carácter de la barra vertical no siempre es igual al tamaño em (p. Ej., » altura completa «) de la fuente, no. De hecho, por lo general será menor.
- Los caracteres de dibujo de cuadro verticales deberían cubrir en teoría toda la altura del eje (y probablemente se superpongan es una pequeña cantidad). Pero muy pocas fuentes incluyen estos caracteres. La barra vertical normal (
|) normalmente NO será igual al tamaño em. No ‘ ni siquiera hace esto en las fuentes principales de Microsoft (Arial, Georgia, etc.). - El carácter de barra vertical no ‘ t llena toda la altura. Acentos para caracteres en mayúscula, p. Ej. » Á » están en una posición más alta.Compárate: » Á » » | »
Responder
¿Estás seguro de tu fuente? se mide en píxeles? La mayoría de las veces, las fuentes se miden en puntos. Un punto es 1/72 de pulgada. Por lo tanto, una fuente de 40 puntos tiene una altura de 40/72 «o 5/9». El truco es que esa es la dimensión desde la parte superior de los ascendentes en letras altas hasta la parte inferior de los descendentes en letras que cuelgan debajo de la línea de base. Es por eso que a veces se usa la altura x, como se mencionó anteriormente. Esa es la altura de las letras minúsculas que no se pegan hacia arriba o hacia abajo.
De cualquier manera, las medidas nunca son exactas de todos modos, desafortunadamente. Solo tendrá que medir y calcular (y / o prueba y error) para lograr lo que está intentando.
Comentarios
- Pero los puntos solo son relevantes para el tipo físico (impreso, tallado, grabado, etc.).
- No es del todo correcto. El tipo isn ‘ t medido desde la parte superior de los ascendentes hasta la parte inferior de los descendentes, sino ‘ s medido por un cuadro delimitador que puede correlacionarse o no con la altura del ascendente / descendente. Esto se remonta a los días del tipo de madera y plomo, donde el tipo se colocaba en un bloque. Era la altura de este bloque lo que dictaba de qué tamaño se etiquetaba el tipo. Como tal, dos fuentes, ambas configuradas en 12 puntos, pueden tener tamaños muy diferentes en comparación entre sí. (Gané ‘ t entrar en el hecho de que 1 pt no ‘ t tradicionalmente = 1/72 de pulgada …;)