Fuentes serif para lecturas largas en pantalla
Serifs de texto dibujadas para pantallas o para la lectura prolongada: grandes alturas de x, contraste moderado y cursivas auténticas para artículos, blogs y documentación.
Chapter One
Leer varios miles de palabras en una pantalla es una prueba distinta a echar un vistazo a un titular. La tipografía tiene que desaparecer, y en pantalla eso depende de unos pocos factores medibles. Una altura de x grande hace que las minúsculas parezcan mayores al mismo tamaño de fuente, algo importante a 16 o 18 píxeles. Un contraste de trazo moderado evita que las partes finas parpadeen o desaparezcan en pantallas de baja densidad, el fallo habitual de las serifs de imprenta llevadas a la web sin cambios. Las serifas robustas y los espacios interiores abiertos separan las letras parecidas.
Más allá de las formas de las letras, revisa qué incluye la familia. Un texto largo necesita una cursiva auténtica para títulos y énfasis, y un bold claramente más oscuro que el regular. Un eje de tamaño óptico es una ventaja real en este grupo: engrosa los trazos finos y abre el espaciado en tamaños pequeños, y luego afina el diseño para los titulares, todo en un mismo archivo de fuente. Las familias con un eje de peso permiten ajustar un poco el regular, lo que ayuda cuando se compone texto claro sobre fondo oscuro. Fija la medida en unos 60 a 75 caracteres por línea y el interlineado cerca de 1,5.
-
Merriweather
Una serif de texto para pantalla con una altura de x muy grande, variable en peso, anchura y tamaño óptico.
-
Lora
Una tipografía de texto de contraste moderado con curvas de pincel y serifas firmes, optimizada para pantallas; cuatro pesos con cursivas y cirílico.
-
Libre Baskerville
Una altura de x mayor y menos contraste que su modelo de 1941, ajustada para leer a 16 px.
-
PT Serif
Dibujada para la lectura continua, con contraste moderado, serifas robustas y una minúscula bastante alta; Regular y Bold con cursivas, latín y cirílico.
-
Noto Serif
Contraste moderado, serifas sólidas con acuerdos y una minúscula alta pensada para texto; nueve pesos con cursivas para latín, cirílico y griego.
-
Bitter
Una slab serif creada para leer con comodidad en pantalla, variable de Thin a Black con cursivas.
-
Source Serif 4
Hecha para coincidir con las proporciones y el color de texto de su sans compañera, con un eje de tamaño óptico de 8 a 60 y ocho pesos con cursivas.
-
Literata
Creada al principio como la tipografía de una app de libros electrónicos; serifas robustas de bajo contraste con un eje de tamaño óptico de 7 a 72.
-
Newsreader
Dibujada para lecturas largas e ininterrumpidas en pantallas con mucho contenido, con un eje de tamaño óptico de 6 a 72 y siete pesos con cursivas.
-
Spectral
Una serif de texto pensada primero para pantalla, en siete pesos con cursivas y cirílico.
-
Vollkorn
Una serif de texto robusta con serifas oscuras y macizas, variable de Regular a Black con cursivas.
-
Crimson Pro
Una serif de estilo Garalde pensada para textos largos, como libros de texto y sitios editoriales, variable en ocho pesos con cursivas.
Las muestras cargan un subconjunto latino básico de cada familia. Todas las familias de esta página tienen licencia abierta; su página indica las condiciones y ofrece los archivos originales.
Preguntas sobre fuentes serif para lecturas largas en pantalla
¿Las fuentes serif son más difíciles de leer en pantalla?
No en las pantallas actuales. El viejo consejo viene de los monitores de baja resolución. Una serif con una altura de x grande y contraste moderado se lee con comodidad en tamaños de texto normales.
¿Qué tamaño debe tener el texto de un sitio web?
Empieza con 16 a 18 píxeles para el texto corrido y ajusta a ojo, ya que las tipografías con una altura de x grande parecen mayores que su tamaño nominal. Mantén las líneas en unos 60 a 75 caracteres.
¿Puedo usar estas fuentes en un sitio comercial o en un libro electrónico?
Sí. Sus licencias abiertas permiten el uso comercial y la incrustación en sitios web, apps y libros electrónicos. Descarga la familia y aloja tú mismo los archivos.
¿Qué hace un eje de tamaño óptico en el texto?
Cambia el dibujo según el tamaño. En tamaños pequeños los trazos son más robustos y el espaciado más abierto; en tamaños grandes los detalles se afinan. El navegador puede aplicarlo de forma automática.