Hoy te traigo una herramienta imprescindible para todo diseñador gráfico y web que se precie. Se trata de WhatTheFont, un reconocedor de tipografías. Es una herramienta muy efectiva y que me ha sacado de muchos apuros en mi trabajo del día a día.

Tanto si eres un blogger como un diseñador/a te habrás visto en la situación de no recordar o ignorar el nombre de una tipografía que te gusta mucho y que has visto aplicada en algún sitio. Y por supuesto, te gustaría poder aplicarla en tu proyecto o en el proyecto de alguno de tus clientes.

Pues bien, la herramienta de la que te voy a hablar te soluciona ese problema porque se trata de un práctico reconocedor de tipografías que funciona partiendo de una imagen.

¿Qué es un Reconocedor de Tipografías?

Un reconocedor de tipografías es una herramienta online y gratuita que te permite saber qué tipografía ha sido aplicada tanto en un trabajo web como en un trabajo de diseño gráfico.

La herramienta más famosa es WhatTheFont, un programa en línea que te analiza una imagen donde aparezca la tipografía y después te sugiere un listado de las tipografías que más se le parecen. Obviamente, las posibilidades de que en ese listado se encuentre la tipografía que necesitas, es muy alta.

¿Qué usos le podemos dar a esta herramienta que reconoce tipografías?

Los usos son todos los que puedas imaginar pero yo la utilizo mucho para:

Diseño de Logotipos: Una de las fases en el diseño de logotipos es analizar a la competencia y ver muchos logotipos que te sirvan de inspiración.

Quizá alguno tenga una tipografía que te guste mucho y te pueda “funcionar” para tu nuevo logotipo y desees saber de qué tipografía se trata. Podrás reconocer esa tipografía gracias a la herramienta WhatTheFont.

Diseño y Personalización de Blogs: otra de las aplicaciones de esta herramienta es la posibilidad de saber qué tipografías han empleado en otras webs o blogs de tu sector. Puedes saber la tipografía que ha usado otro diseñador en los banners o en los slides o en los títulos de los posts, etc.

¿Cómo se utiliza el Reconocedor de Tipografias?

El funcionamiento es muy sencillo. ¡Veámoslo con un ejemplo práctico!

Imaginemos que queremos reconocer la tipografía que ha empleado Paula Echevarría en la cabecera de su blog.
1- Guardamos la imagen: que contiene la cabecera. Para ello, colocamos el cursor sobre la imagen y hacemos clic en el botón derecho del ratón y luego en “Guardar imagen como…” (y lo guardamos en nuestro pc)

2- Vamos a WhatTheFont: Entramos en la web de la herramienta reconocedora de tipografías y elegimos la imagen que acabamos de guardar. Para ello hacemos clic sobre “Seleccionar archivo” Elegimos la imagen y hacemos clic sobre el botón de color azúl “Continue”

3- Selección de Caracteres: Ahora tienes que mirar cada imagen y asegurarte de cada letra que hay en el cuadro de texto coincide con el carácter resaltado en la imagen. Deja la caja de caracteres en blanco si se pone de relieve un carácter no válido. O rellena la caja si ves que falta por escribir una letra que está resaltada en la imagen.

En la siguiente imagen del ejemplo puedes ver que ha resaltado la “d”, “T”, “e”, “r”, “a” y “s”.

4- Comprobación de Resultados: después la herramienta te ofrecerá un listado de tipografías que similares o exacta a la que estás buscando. En el caso del ejemplo, comprobamos que la tipografía que emplea Paula Echevarría en la cabecera de su blog es la familia Baskerville.

5- Descarga de Tipografía: el siguiente paso sería descargar esa tipografía para poder emplearla en tu proyecto web, blog o logotipo. Podrás descargarla desde la web de la propia herramienta o en cualquier otra web.

¡Así de fácil! Ahora te toca intentarlo a ti.

Algunas Recomendaciones y Consejos a tener en cuenta:
– Tienes que tener presente que el reconocedor funciona mucho mejor si la tipografía tiene un fondo blanco. De otra forma, le costará mucho reconocer los caracteres.

– Las imágenes que sean un png con transparencia no funcionarán puesto que la herramienta los reconocerá con un fondo negro. En ese caso es mejor que hagas una captura de pantalla y recortes y guardes esa imagen para utilizarla seguidamente.

– Tras subir la imagen, no tardes mucho en escribir los caracteres o la sesión te caducará y tendrás que volver a empezar.