Tipografía web “real” con Bookmarklet

Para saber el tipo que está utilizando una página web puedes acudir:

  • directamente a su código CSS,
  • o mediante la ayuda de extensiones como la imprescindible Firebug.

Sabrás el código CSS pero no necesariamente el tipo que estás viendo en tu navegador, el que se ha renderizado.

En CSS se listan varias tipografí­as mediante los font-stacks, la primera de esa lista que esté instalada en el equipo local será la que se utilice, a no ser que se utilice @font-face u otra técnica de sustitución de fuentes.

Para conocer exactamente qué tipografí­a “real” estamos viendo podemos hacer una selección de un texto con Font Finder para Firefox.

font-finder en Firefox

O de una forma ágil, rápida y que además no ralentizará a nuestro navegador podemos utilizar WHATFONT BOOKMARKLET

whatfont bookmarklet

  1. Añades el Bookmarklet a tus marcadores o favoritos arrastrándolo a la barra de marcadores.
  2. Visitas una página
  3. Haces clic en el Bookmarklet
  4. Pasas el puntero sobre el texto del que deseas saber con qué tipografí­a está siendo renderizado.

Debates tipográficos

Juego tipográfico: Logo-Tipos

Escribí esto el 11/04/2011

Usamos cookies para obtener datos estadísticos de su navegación y poder ofrecer publicidad contextual de terceros

ACEPTAR
Aviso de cookies