La escala y el ritmo de la tipografía

En su sitio lamb.cc, Iain Lamb nos ofrece una curiosa herramienta para manejar la presentación estructural de cualquier documento HTML—mediante CSS, claro está—

Posiblemente, influenciada por el texto Los elementos del estilo tipográfico de Robert Bringhurst la aplicación nos permite jugar con diferentes ritmos de escala:

• Tradicional
• Fibonacci (3:5)
• Duplicada (3:5)
• Atado (3:5)
• Fibonacci (4:7)
• Le Corbusier

De esta manera y con la posibilidad de trabajar tanto con unidades absolutas (px) como relativas (em) se puede en forma visual percibir también el cambio tanto para los altos de línea como para el ancho del texto.

El resultado final, un código CSS, listo para usar:

body { font-size:100%; line-height:1.5; }
h1, h2, h3 { margin-top:0; margin-bottom:0; }
h1 { font-size:1.5em; padding:1.75em 0; }
h2 { font-size:1.33333em; padding:1.5em 0; }
h3 { font-size:1.16667em; padding:1.82143em 0; }

Sitio Web | http://lamb.cc/typograph/

Si te interesó este artículo, tal vez quieras leer algunos similares