Web Font Specimen

Como comparar 2 fuentes en pantalla

Tim Brown es el responsable de Web Font Specimen. Un sitio Web inspirado en la idea de Jason Santa Maria y donde el uso de la adecuada tipografía en el diseño Web es la meta a satisfacer.

Para tal efecto, Tim Brown nos permite bajar un ZIP que contiene:

• 1 archivo HTML
• 3 archivos CSS—uno de ellos es el reset de Eric Meyer—
• 1 archivo para manejar la presentación—960.gs de Nathan Smith—

Luego de descomprimir el archivo, tenemos disponible la carpeta /css/type donde podemos copiar la fuente a comprobar.

Mediante la declaración @font-face—que debemos sobreescribir en el archivo wfs.css—podemos en forma inmediata y local comprobar el comportamiento de la fuente para diversos marcados estructurales.

Por ejemplo:

• Línea 6, ajustamos el TITLE de la página
• Línea 40, el encabezado de primer nivel h1
• En línea con esto, con el resto del CSS podemos comparar alto de fuente, color de la misma, interlineado, etc.

Sitio Web | Web Font Specimen

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