Better Typography

Tipografía profesional para la web

Una guía completa para aplicar principios tipográficos que hagan el texto legible y accesible en interfaces digitales. Se centra en la moderación y la claridad: escalas tipográficas razonables, espaciado cómodo y contraste suficiente, en lugar de adornos decorativos.

Aspectos destacados

• Escalas tipográficas y jerarquías de encabezados que descienden según los niveles semánticos
• Carga de fuentes en formato .woff2 y mediante propiedades CSS en lugar de etiquetas de características sin procesar
• Ajustes de interlineado, longitud de línea y text-wrap para facilitar la lectura
• Aspectos de la tipografía móvil, como el zoom de los campos de entrada en iOS y el tamaño de fuente adaptable
• Patrones de accesibilidad que incluyen contraste, selección de texto y características OpenType
• Técnicas CSS para truncar texto y aplicar estilos a números tabulares y signos de puntuación

Diseñada para desarrolladores frontend y diseñadores que crean interfaces profesionales. La habilidad incluye guías de referencia sobre selección de fuentes, técnicas CSS, cálculos de espaciado y consideraciones de accesibilidad. Cada sección ofrece recomendaciones concretas y patrones de código que puedes aplicar de inmediato.