Serif o sans para texto de cuerpo en pantalla

En las pantallas modernas, serif frente a sans serif no es en realidad una decisión de legibilidad: los estudios que comparan ambas con la calidad de renderizado actual no encuentran una ventaja consistente en ningún sentido. Es una decisión de voz: los serif se leen editoriales y consolidados, los sans se leen neutros y de producto. El tamaño, el interlineado, la longitud de línea y el contraste afectan a la legibilidad mucho más que la cuestión del serif.

La vieja regla —serif para impresión, sans para pantallas— merece un retiro honesto en vez de uno silencioso, porque una vez fue cierta, y saber por qué caducó es la vía más rápida para saber qué hacer en su lugar. Este artículo forma parte de nuestra guía de tipografía.

¿De dónde salió eso de “usa sans serif en pantalla”?

Del hardware. Las primeras pantallas renderizaban el texto a unos 72–96 píxeles gruesos por pulgada, y a esa resolución los finos trazos de remate —los serifs que dan nombre a la clase— se disolvían en ruido o desaparecían por completo de la rejilla de píxeles, mientras que los trazos uniformes y de bajo contraste de un sans sobrevivían. Esa es toda la historia en dos frases: la regla codificaba una limitación de renderizado, y las pantallas de alta resolución eliminaron la limitación. El consejo sobrevivió a su razón de ser; los consejos suelen hacerlo.

¿Qué muestra realmente la investigación sobre la legibilidad de los serif?

Con la calidad de renderizado moderna: no hay un ganador consistente. Algunos estudios encuentran una ligera ventaja para los serif, otros para los sans, y muchos no encuentran ninguna diferencia significativa; los efectos que sí aparecen son pequeños y no se replican de forma fiable entre estudios.

El hallazgo consistente de esta investigación es otro, y más útil: las variables que la gente ignora importan más que aquella sobre la que discute. El tamaño del texto, el interlineado, la longitud de línea y el contraste mueven cada uno la comodidad de lectura en magnitudes que empequeñecen cualquier efecto del serif; más cerca de un orden de magnitud que de la paridad. Un serif de 16px en una línea de 24px con una medida de 65 caracteres se leerá más cómodamente que un sans de 13px con un interlineado apretado en casi cualquier contexto. Los equipos que debaten serif frente a sans mientras publican texto de 12px con interlineado 1,2 están optimizando la variable equivocada.

¿Qué diferencia realmente al texto de cuerpo serif del sans?

Dos cosas sobreviven a un escrutinio honesto:

Registro. Los serif se leen editoriales, consolidados, literarios: la asociación acumulada de periódicos, libros y revistas. Los sans se leen neutros, contemporáneos, de producto: la asociación acumulada de las interfaces. Ninguno es mejor; responden a preguntas de marca distintas. Es la misma clase de decisión que el tono de tu texto, y merece la misma deliberación.

Robustez a tamaños pequeños. El resto honesto de la vieja regla: a tamaños muy pequeños en pantallas de baja resolución —por debajo de unos 12px en un monitor no retina— los serif finos y las transiciones de trazo delgadas todavía pueden desmoronarse. Si tu producto lleva texto de interfaz denso de 11–12px y tus usuarios trabajan en pantallas de oficina antiguas, un sans en la parte baja de la escala sigue siendo la opción pragmática. Eso es un nicho, no una ley; pero es un nicho real.

¿Qué cambia cuando compones el mismo párrafo en ambos?

Toma un párrafo y compónlo dos veces con ajustes idénticos —16px, una línea de 24px, una medida de unos 65 caracteres— una vez en un serif tipo Lora, otra en un sans tipo Inter:

• Lo que difiere: la textura del bloque, lo que los tipógrafos llaman su color. El párrafo serif se lee ligeramente más oscuro y con más patrón; el sans se lee más uniforme. El tamaño aparente también puede diferir: un serif con una altura x pequeña se ve más pequeño de lo que sugieren los números, lo cual es un argumento para comparar los tipos de letra visualmente en vez de por el tamaño en puntos. Y el registro cambia: la versión serif se siente como un artículo, la sans como una interfaz.
• Lo que no: la lectura. Con estos ajustes ambas versiones son sencillamente cómodas, y la mayoría de los lectores, si se les pregunta después, recordarán lo que decía el párrafo antes que qué tipo de letra lo sostenía.

Compón el mismo párrafo en un serif y un sans sobre una misma escala — ambos tipos de letra al mismo tamaño y con interlineado ajustado a la línea base, en texto de muestra editable. Pega un párrafo de tu propia escritura y lee ambas versiones hasta el final antes de formarte una opinión.

¿Cómo decides para tu producto?

Un marco breve cubre la mayoría de los casos:

• UI de producto —botones, etiquetas, ajustes, tablas: sans, por convención y por robustez a tamaños pequeños. El texto de interfaz pasa buena parte de su vida en la parte baja de la escala, donde la ventaja del sans es la única parte de la vieja regla que sigue en pie. Es un valor por defecto con buenas razones, no una ley.
• Lectura extensa —artículos, documentación, ensayos: cualquiera. A partir de 16px, bien compuestas, ambas clases se leen cómodamente; elige por voz. Un registro consolidado y editorial aboga por un serif; un registro neutro y de producto aboga por un sans.
• El patrón mixto — un cuerpo de artículo serif dentro de un chrome de producto sans — es la respuesta editorial común, y por buenas razones: los sitios de noticias y las apps de lectura componen habitualmente la navegación y los controles en un sans mientras que la propia historia corre en un serif. La división de registros coincide con la división de tareas.

Lee un párrafo completo antes de decidir

Cambia la ranura de cuerpo a un serif y lee — no un vistazo: un párrafo completo a 16px, con la superposición de columna activada para que puedas juzgar la longitud de línea que realmente publicarías. La respuesta para tu producto tiende a llegar hacia el segundo párrafo; y será una respuesta de voz, no de legibilidad.