Tipografía web “real” con Bookmarklet (via google reader)

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


Concurso abril/2011: Facebook abril/2011: Gana cursos de diseño

Muchas gracias por leerme, si necesitas cualquier información contacta conmigo.

@ceslava en Twitter ceslava en Facebook Cientos de cursos y vídeotutoriales de diseño



original post: http://bit.ly/fe9ua6

via ifttt
Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: