febrero 23, 2017 — CSS, Tipografia
He creado esta pequeña librería CSS para facilitarme la configuración del texto al momento de desarrollar páginas web o blogs a la que nombré «textCSS» (¿cómo más?).
El código está en Github para que cualquiera que quiera lo pueda ver, usar, adaptar y mejorar libremente.
mayo 16, 2012 — Diseño web, Tipografia
Soy un gran fanático del diseño y la tipografía en papel impreso (revistas, periódicos, libros, etc.). Una de las cosas que más ha atraído mi atención es el ritmo vertical que manejan y sobre todo, la idea de llevarlo al diseño web.
Para esto es necesario aplicar un sistema de cuadrícula o rejilla vertical que sirva de línea base. La idea es que cada línea de cada párrafo y cada contenedor caiga en esta línea base y la página mantenga una "armonía visual".
Obviamente es mucho más fácil en el papel impreso que en la web. Aquí nos toca lidiar con CSS, contenedores flotantes, sidebars, imágenes y videos con tamaños fijos, etc.
Haciendo mi investigación sobre éste tema, di con un par de artículos (en inglés) que me sirvieron para hacer unas pruebas. He aquí los resultados.
El line-height es la clave. Servirá para agregar espacio entre cada línea, lo cual será útil al momento de hacer caer el texto en la línea base. Pero primero necesitarás definir el alto del espacio que separa cada línea.