Logicunara Logicunara

Aprende tipografía web con pruebas interactivas y retroalimentación inmediata

Tipografía web: composición editorial con caracteres tipográficos

Tendencias y novedades documentadas

  1. 1
    Variable fonts en sistemas de diseño corporativos

    Las fuentes variables dejaron de ser un experimento para convertirse en el estándar en plataformas con múltiples marcas. Un solo archivo de fuente gestiona pesos, anchos e inclinaciones, reduciendo las peticiones HTTP entre 4 y 8 por página. Los equipos de diseño que adoptaron esta práctica reportan ciclos de actualización tipográfica más cortos.

    Rendimiento
  2. 2
    La propiedad text-wrap: balance en producción

    La compatibilidad de text-wrap: balance alcanzó un nivel suficiente para usarse sin fallback agresivo. Titulares con líneas desiguales -un problema clásico en tipografía web- se resuelven ahora con una sola declaración CSS. Su impacto es especialmente visible en interfaces responsivas con textos de longitud variable.

    CSS moderno
  3. 3
    Subsetting dinámico con Unicode-range

    El subsetting manual de fuentes cedió terreno frente a la combinación de unicode-range y herramientas como glyphhanger. Los navegadores descargan únicamente los glifos presentes en el documento, lo que reduce el peso tipográfico en proyectos multilingüe de forma automática y predecible.

    Optimización
  4. 4
    Tipografía óptica con font-optical-sizing

    Los navegadores modernos activan el ajuste óptico de forma automática cuando la fuente lo soporta. Esto significa que un mismo tipo a 13 px y a 52 px ajusta su grosor de trazo y el espaciado de forma independiente, sin intervención manual. La diferencia es sutil pero acumulativa en páginas con mucho texto corrido.

    Legibilidad
  5. 5
    Métricas de fuente y estabilidad del layout

    Los descriptores ascent-override, descent-override y line-gap-override permiten alinear fuentes de sistema con fuentes web personalizadas antes de que estas carguen. El resultado es un layout estable sin saltos visuales durante la carga, algo que afecta directamente a la puntuación CLS en Core Web Vitals.

    Core Web Vitals

El estado actual en números

Los datos recogidos durante este año muestran cómo evolucionó el uso real de las técnicas tipográficas entre desarrolladores front-end activos. Las cifras provienen de auditorías de sitios en producción, no de encuestas de intención.

68% de los proyectos nuevos usan fuentes variables
41% aplica subsetting con unicode-range en producción
29% usa overrides de métricas de fuente para reducir CLS
4,7 valoración media del contenido formativo de Logicunara
Fuentes variables
Tema más consultado del año en la plataforma
Legibilidad y contraste
Segundo tema por número de ejercicios completados
Carga y rendimiento
Mayor crecimiento de interés respecto al año anterior