Krypton Solid

Tipografía web perfecta con Slab-Serifs

Tipografía web perfecta con Slab-Serifs

La sabiduría convencional establece que el texto del cuerpo se beneficia más de estar configurado en una fuente serif porque las serifas crean un camino para que el ojo lo siga a lo largo de una línea y hasta la siguiente.

A pesar de eso, muchos diseñadores web han defendido durante varios años el uso de sans-serifs; y con razón: la adición de serifas a una forma de letra en una pantalla, literalmente, difumina las formas de las palabras, reduciendo el contraste y la legibilidad.

Se han realizado numerosos estudios al respecto y la conclusión a la que llegan la mayoría es que los lectores prefieren el estilo de tipografía con el que estén más familiarizados. En consecuencia, parecería que cualquiera de las opciones está bien, siempre que sea familiar para sus visitantes.

Sin embargo, hay un estilo de tipografía que produce las fuertes barras horizontales de texto en las que sobresalen las serifas, mientras que aún disfruta del alto contraste de las sans-serif: el egipcio o slab-serif.

Paz verde usa la solidez de Rooney para mostrar texto en blanco sobre blanco.

¿Porqué ahora?

Para comprender por qué los slab-serif son perfectos para la web en 2013, debe comprender de dónde proviene este estilo de tipografía.

Las serifas de losa (originalmente llamadas egipcias) se hicieron populares por primera vez a raíz de la campaña egipcia de Napoleón (1801) y coincidieron con el comienzo de la revolución industrial. Más específicamente, evolucionaron en línea con la imprenta actualizada de Koenig & Bauer que revisó el diseño centenario de Gutenberg; comprado por Los tiempos en Londres, la nueva imprenta hizo que los periódicos fueran accesibles a la población en masa por primera vez.

perro

Aficionados al diseño de Bélgica estudio de perro son ellosladrido en un rediseño de su marca corporativa. ¿Lo que están guardando? Museo.

Casi exactamente 100 años después, las serifas de losa experimentaron algo así como un renacimiento, ya que descubrimientos como el desenterrado de la tumba de Tutankamón en 1922 coincidieron con la explosión de la publicidad entre las guerras. La moda de Egipto y las sólidas características de las serifas de losa arraigaron el estilo en la conciencia pública.

En ambos casos, la moda de las serifas de losa solo pudo crecer porque las formas de las letras funcionan muy bien en papel barato y en condiciones de impresión de baja calidad.

Las mismas características que hacen que los slab-serif sean tan robustos e ideales para trabajos de impresión de baja calidad, también los hacen ideales para la web.

Slab-serifs en línea

En un mundo de pantallas retina, a menudo olvidamos que la web sigue siendo en gran medida un lugar de píxeles. Si bien algunos dispositivos son ciertamente capaces de generar páginas bellamente renderizadas, cualquier diseñador web que se precie será consciente de los puntos en común de las pantallas de menor calidad.

Los slab-serif son un estilo de tipografía de alto contraste y sesgo horizontal que no solo son muy legibles, sino que también producen líneas de texto bien definidas, lo que refuerza la cuadrícula de la línea de base.

002

Empujar el sitio tiene un ritmo fuerte cortesía de FF Tisa.

Muchas fuentes que elegimos para la web se diseñaron para imprimir y tienen en cuenta la extensión de la tinta; sin tinta en la web, las fuentes se vuelven demasiado claras y pierden gran parte de su detalle. Los slab-serif, en comparación, tienden a ser mucho más pesados ​​y, en consecuencia, conservan gran parte de su carácter cuando se representan en píxeles.

El mayor beneficio de las serifas de losa es el alto contraste entre el tipo y la página, producido por el contraste mínimo entre el trazo y las serifas, y (generalmente) la falta de corchetes.

Los mejores slab-serifs

Las serifas de losa parecen experimentar un avivamiento cada cien años más o menos. Dada la tasa actual de cambio tecnológico, las serifas de losa parecen ser populares durante otra década, antes de que se cansen e hibernen durante otro siglo. Son el tipo de letra preferido de esta generación y, para ayudarlo a adoptarlos, hemos elaborado una lista de los mejores disponibles actualmente:

Sable ($ 35)

sable

Arvo (gratis)

arvo

Sentinel (desde $ 99 / año)

centinela

Adelle Web (gratis)

adelle

Abril (Desde $ 24,99 / año)

abril

Pana (gratis)

pana

Ronda de Creta (gratis)

Creta

Mosquete (gratis)

mosquete

Chunk ($ gratis – plan de prueba)

pedazo

Dalle (gratis)

dalle

Tetre Bold (gratis)

tetre

PMN Caecilia (desde $ 26)

pmn_caecilia

Jubilat (desde $ 49,99 / año – plan de cartera)

jubilat

Ciudadano (gratis)

ciudadano

Museo (gratis)

museo

Glegoo (gratis)

glegoo

Bree (gratis)

brisa

Kondolar ($ 99)

kondolar

Deming (donación)

deming

Lexia (desde $ 49,99 / año – plan de cartera)

lexia

Sánchez (gratis)

sanchez

Archer (desde $ 99 / año)

arquero

Tabac ($ 399)

tabac

Santa María (gratis)

st_marie

Habibi (gratis)

habibi

Kulturista Web (desde $ 49,99 / año)

kulturista

Juan (gratis)

juan

Memphis Bold ($ 19.95)

memphis_bold

Kreon (gratis)

kreon

Roboto Slab (gratis)

roboto_slab

Losa Klinic (desde $ 45)

klinic

Brix (desde $ 40)

brix

Rokkitt (gratis)

rokkitt

Sreda (gratis)

sreda

Trocchi (gratis)

trocchi

Amargo (gratis)

amargo

Baño de losa negra (desde $ 24.99)

black_slabbath

Bitstream Vera Serif (gratis)

vera_serif

Arbutus (gratis)

madroño

Motown ampliado (desde $ 19,99)

motown_expanded

Losa Josefin (gratis)

josefin_slab

Vitesse (desde $ 99 / año)

vitesse

TypoSlabSerif Light (gratis)

typoslabserif_light

Losa Antic (gratis)

antic_slab

Quatro Slab (desde $ 24,99 / año)

quatro_slab

¿Cuál de estos slab-serif es tu favorito? ¿Nos hemos perdido alguno de tus favoritos? Háznoslo saber en los comentarios.

Deja un comentario