¿Por qué el tamaño de la fuente se mide en puntos?

Revista de tamaño de fuente

1em es igual al tamaño de la fuente actual. 2em significa 2 veces el tamaño de la fuente actual. Por ejemplo, si un elemento se muestra con un tipo de letra de 12 pt, entonces ‘2em’ es 24 pt. La ’em’ es una unidad muy útil en CSS, ya que puede adaptarse automáticamente al tipo de letra que utiliza el lector… El tamaño de la fuente se fija en 1em y la altura de la línea en 1,125.

Al final, realmente depende de ti la unidad de medida que quieras emplear. A menudo verás que se utiliza una mezcla de unidades. Píxeles para el tamaño de la fuente o de las imágenes, em para los valores de ancho (como el ancho del #contenedor) y el tamaño de la fuente, el símbolo de porcentaje (%) para los valores de ancho y el tamaño de la fuente. Sólo el valor “pt” se limita normalmente a valores de tamaño de fuente. Sin embargo, te darás cuenta de que tendrás que cambiar los valores dependiendo de la familia de la fuente que utilices.

Calculadora de tamaño de fuente Rem

Así que cuando alguien dice: font-size: 64px donde debe aparecer este 64? Intenté el mismo ejercicio en HTML, pero ahora estoy más confundido que antes de empezar. Así es como HTML representa el texto con font-size: 64px. Las líneas rojas – yo tratando de encajar una caja de altura: 64px alrededor de estas letras:

Sé que el tamaño de la fuente es una cosa muy antigua que viene de las prensas de papel físico y algunos espaciamiento se tiene en cuenta también, pero no hay ninguna lógica / reglas en la era digital? ¿Es completamente arbitrario en los archivos de fuentes? Digamos que estoy haciendo un nuevo tipo de letra: ¿no hay ninguna directriz sobre cómo debe ser el tamaño de la fuente de 64px?

La altura de la pieza tipográfica se conoce como “em”, y tiene su origen en la anchura del carácter “M” mayúscula; se hizo para que las proporciones de esta letra fueran cuadradas (de ahí la denominación “em cuadrada”).

El otro día miré un montón de diapositivas de lecciones de un curso de tipografía de nivel universitario. Una de ellas afirmaba que la distancia entre la línea de base (parte inferior de una letra como la H) y la altura de la tapa (parte superior de una letra como la H) era el tamaño del punto. Ojalá fuera cierto, ya que sería mucho más sencillo que la realidad. Por término medio, la altura de la tapa es aproximadamente el 70% del tamaño del punto.

Fuente de puntos

Tengo una fuente de 40 píxeles que estoy tratando de traducir en imágenes personalizadas. Estoy tratando de coincidir con el tamaño de la imagen exactamente, pero estoy teniendo algunos problemas para conseguir exactamente el tamaño correcto. Básicamente, lo que viene a ser esto. Cuando un tipo de letra dice que tiene X píxeles, ¿qué significa esto físicamente?

El tamaño del tipo, ya sea especificado en píxeles, puntos (1/72″) o milímetros, es la altura de un em-square, una caja invisible que suele ser un poco más grande que la distancia entre el ascendente más alto y el descendente más bajo.

En tu caso, averigua qué tamaño debes especificar en Photoshop para que coincida con la representación del navegador experimentando. Debería ser una proporción constante para cualquier tipo de letra, pero yo no esperaría que fuera así si cambias de navegador o de sistema operativo.

¡Tiempo de ASCII! Imagina que las dos cajas de abajo son piezas de tipo de plomo de 1900 o así. En aquella época, los tipos de letra se fundían en plomo (o se fresaban en madera). Para que los tipos se colocaran en un cierre de impresión, tenían que estar conectados a bloques sólidos. De ahí viene la dimensión del tipo (en puntos):

Unidades de tamaño de letra

Este artículo trata de la unidad de medida tipográfica. Para un grafismo de punto, véase Punto y aparte e Interpunto. Para la marca utilizada para separar un número entero de una fracción decimal, véase Punto decimal. Para otros usos, véase Punto (desambiguación).

En tipografía, el punto es la unidad de medida más pequeña. Se utiliza para medir el tamaño de la fuente, el interlineado y otros elementos de una página impresa. El tamaño del punto ha variado a lo largo de la historia de la imprenta. Desde el siglo XVIII, el tamaño de un punto ha estado entre 0,18 y 0,4 milímetros. Tras la llegada de la autoedición en los años 80 y 90, la impresión digital ha suplantado en gran medida a la impresión tipográfica y ha establecido el punto DTP (DeskTop Publishing point) como el estándar de facto. El punto DTP se define como 1⁄72 de pulgada internacional (1/72 × 25,4 mm ≈ 0,353 mm) y, al igual que los anteriores tamaños de punto americanos, se considera que es 1⁄12 de pica.

En los tipos metálicos, el tamaño de punto de la fuente describe la altura del cuerpo metálico en el que se fundieron los caracteres del tipo de letra. En la tipografía digital, las letras de un tipo de letra se diseñan en torno a un espacio imaginario llamado em cuadrado. Cuando se especifica un tamaño de punto de un tipo de letra, éste se escala para que su cuadrado em tenga una longitud de lado de esa longitud concreta en puntos. Aunque las letras de un tipo de letra suelen caber dentro del cuadrado em de la fuente, no existe necesariamente ninguna relación de tamaño entre ambos, por lo que el tamaño de punto no se corresponde necesariamente con ninguna medida del tamaño de las letras en la página impresa[1][2].

Santiago Paez