Altura de línea óptima en relación con el tamaño de fuente


24

¿Existe un acuerdo sobre cuál es la proporción matemática óptima de altura de línea y el tamaño de un texto? Y si lo hay, ¿es lo mismo para la impresión y la web?


También tenga en cuenta: el tamaño de una fuente digital es ficticio, en el sentido de que el diseñador de tipos tiene una altura de 1em definida en la fuente, pero puede colocar el cuerpo del glifo en cualquier lugar y en cualquier tamaño. Lo que significa que una 'H' podría cubrir el 75% del 1em, o el 50%, o el 5%, al ras de la parte superior, central o inferior, y la altura de línea interna "incorporada" de la fuente varía. Esto daría como resultado una altura de línea diferente incluso con cero al inicio, de fuente a fuente. Dado que solo existe una convención, pero no un estándar, cada fuente tiene su propia altura única en el cuadrado em, independientemente de cualquier guía que luego se agregue en el software de edición.
kontur

Respuestas:


19

Respuesta corta: "No."

Respuesta larga: hay cuatro factores involucrados en la decisión de la guía (hoy en día significa la distancia de una línea base a la siguiente, también llamada altura de línea): la altura x de los caracteres, la medida (longitud de la línea), el peso de los trazos de los propios personajes y el tamaño del tipo. En esta respuesta, por simplicidad, voy a usar "líder" y "altura de línea" indistintamente.

De estos, el que domina es la medida, seguida por la altura xy el tamaño del punto.

Cuanto más ancha es la medida, en general, más abierta debe ser la altura de la línea para mantener la legibilidad. Si su medida es más larga que aproximadamente 70 caracteres de su tipo de letra y tamaño de punto elegido, necesitará aumentar la altura de la línea para que el lector no omita o repita accidentalmente una línea mientras lee.

El tamaño de los caracteres nunca es el mismo que el tamaño en puntos, que en los días del tipo de metal se tomó como la medida total desde la parte inferior del descendente más bajo (por ejemplo, la cola de la "y" minúscula) hasta la parte superior del ascendente más alto (como el trazo vertical de la minúscula "h"). La altura de la "x" minúscula, de la cual se deriva la "altura x", puede ser alta (Arial) o muy corta (Bernhard Modern) en relación con el tamaño del punto. Escriba set para que la altura de la línea sea la misma que el tamaño del punto es "set solid", sin plomo adicional entre las líneas. Arial o Helvetica se ven horribles y sólidos. Bernhard Modern no lo hace.

Para mantener la legibilidad, los tipos de letra con una gran altura x en relación con la tapa y la altura del ascendente (por ejemplo, Century Schoolbook o Helvetica) necesitan más altura de línea, en relación con el tamaño del punto, que Garamond o Futura, que tienen alturas x más pequeñas.

Las sans serif tienden a tener trazos mucho más gruesos, en relación con su tamaño, que las tipografías serif. Si los ajusta demasiado (altura de línea pequeña), los párrafos y las páginas se ven muy pesados ​​y oscuros, y puede hacerlos muy difíciles de leer. Abrir el encabezado, y a veces el espaciado entre caracteres, mejora considerablemente el aspecto del texto. Una cara serif con una altura x relativamente pequeña, como Garamond, se puede configurar con mucha menos altura de línea.

Todas estas consideraciones se modifican según la forma en que el diseñador quiere que se vea la página. Algunos temas se ven reforzados por un aspecto más aireado de la página (por ejemplo, poesía romántica, historias de unicornios), que requieren una tipografía delicada y un encabezado abierto. Otros necesitan más autoridad (libros de texto, por ejemplo) y se benefician de un "color de letra" más oscuro.

Ahora déjame prescindir de la idea de la proporción áurea ( phi ). Estaría mal en casi todos los casos. Las matemáticas no tienen nada que ver con eso. La apariencia lo hace.

Contrariamente a lo que pueda pensar, el texto grande, como los titulares, requiere un guiado más ajustado que el texto del párrafo. Los encabezados a menudo se establecen con "encabezado negativo": la altura de la línea es menor que el tamaño en puntos. Esto es especialmente cierto para los titulares en mayúsculas, que siempre requieren un liderazgo reducido. (Debido a los ascendentes y descendentes, es común que los encabezados de varias líneas tengan un encabezado diferente en cada línea para que el espacio entre líneas se vea parejo). Por el contrario, los tamaños pequeños, como los subtítulos o las notas al pie de página, necesitan más encabezado o se vuelve difícil de leer. El tipo de letra parece "más suelto" a medida que se hace más grande y "más apretado" a medida que se hace más pequeño, lo que requiere ajustes en el espacio entre letras por debajo de 8 puntos y por encima de aproximadamente 24 puntos para la mayoría de los tipos de letra.

Te equivocarías si trataras de usar phi (o cualquier relación fija) para calcular la altura de la línea, porque estarías en lo cierto solo por accidente.

Para la web, utilice tipos de letra diseñados para dispositivos de baja resolución durante al menos los próximos años, hasta que las pantallas de resolución moderada (250-400 ppp) se vuelvan comunes. No todas las "fuentes web" de proveedores como Google, Extensis o Typekit se pueden usar en tamaños de texto en la mayoría de las pantallas. El texto web tiende a leer mejor cuando se espacia un poco más abiertamente que en una página impresa, debido a la grilla de puntos gruesos y las manipulaciones del sistema operativo que difuminan los trazos y distorsionan las formas de los caracteres.


El texto de medida muy corta con pocas líneas, como las etiquetas flotantes o las comillas de bloque, a veces también se benefician de un encabezado negativo (menor que el tamaño de punto), siempre que el tamaño de punto no sea demasiado bajo. Pienso en ello como un poco como establecer el ritmo del texto (aunque ahora trato de poner esa analogía en palabras, me di cuenta de que probablemente sólo tiene sentido en mi cabeza ...)
user56reinstatemonica8

Tienes razón. Y "ritmo del texto" comunica el concepto perfectamente, creo. :)
Alan Gilbertson

-4

Editar Ok, entonces, tal vez "no puedo equivocarme" no fue la mejor opción de palabras. Por supuesto, no existe un óptimo universal , pero la proporción áurea realmente se ve bien en muchos casos. Echa un vistazo a esta calculadora de diseño basada en phi. http://www.pearsonified.com/typography/

Y aquí hay un gran artículo que explica el razonamiento del programador http://www.pearsonified.com/2011/12/golden-ratio-typography.php


No te puedes equivocar con la proporción áurea.

Altura de línea = altura del texto x 1.62

Gran pregunta, por cierto.


1
También puedes usar em para cambiar el tamaño de tus fuentes. En la web puede bajar a .01em, que es 1/2 píxel.
Julián

2
Esta respuesta no es un buen consejo. Funciona en contra de siglos de práctica tipográfica. Ningún tipo de letra usaría una proporción fija para todo el texto, y casi nunca una tan grande como phi.
Alan Gilbertson

2
Por supuesto, puedes equivocarte con la proporción áurea. Es una relación que tiene sentido en la arquitectura monumental antigua, pero no es necesariamente apropiada para todo lo demás.
DA01

3
Esta respuesta ignora casi toda la sabiduría convencional y es completamente arbitraria: no refleja la práctica tipográfica y no es realmente una buena idea. Tampoco tiene en cuenta factores como el diseño de la tipografía (probablemente el factor más importante), el contexto, el tamaño de la letra, el ancho y los márgenes de la columna, y otros.
thomasrutter

2
Este fenómeno de tipografía de proporción dorada parece no tener una base tipográfica sólida y es básicamente un truco o una moda que simplemente "suena raro, por lo que debe ser genial". Ese artículo es casi de culto en su insistencia en que la proporción áurea va a resolver todos nuestros problemas tipográficos.
thomasrutter
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.