Marketing digital, Diseño web y posicionamiento SEO

What the font. Detectar la tipografía con una foto.

Existen una increíble cantidad de tipografías que añaden diferentes estilos a tu proyecto web. La tipografía es un recurso fundamental y el buen uso de las mismas puede marcar la diferencia entre una web mediocre y una web de apariencia profesional.

Contenidos

Valora esta publicación

Existen una increíble cantidad de tipografías que añaden diferentes estilos a tu proyecto web. La tipografía es un recurso fundamental y el buen uso de las mismas puede marcar la diferencia entre una web mediocre y una web de apariencia profesional.

Seguro que alguna vez te has preguntado: ¿Qué tipografía es esa?

Te voy a enseñar la aplicación móvil más sencilla del mercado. Simplemente tendrás que descargar la app What the Font, donde podrás detectar una gran variedad de tipografías haciendo únicamente una foto. Para ser exactos, cuenta con una base de datos de más de 130.000 tipos de letra.

Los creadores de MyFonts han creado esta fantástica aplicación móvil para facilitarnos el trabajo a los que nos dedicamos diariamente al diseño en general, al diseño web, al branding o a la creación de contenidos visuales.

¿Qué es What the Font?

What the Font es una herramienta pensada para identificar fuentes a partir de una imagen. Es decir, si ves una tipografía en una web, un cartel, una captura de pantalla, una publicación o cualquier diseño, puedes utilizar esta aplicación para detectar qué fuente se está usando o encontrar tipografías similares.

Esta herramienta funciona como un identificador de fuentes online y es especialmente útil cuando necesitas buscar una fuente por imagen sin tener que revisar manualmente cientos de tipografías.

Además, What the Font permite identificar tipografías utilizando una imagen del texto, por lo que puede resultar muy útil cuando no sabes el nombre de una fuente pero sí tienes una referencia visual. A partir de esa imagen, la herramienta de búsqueda analiza las letras y te muestra una lista de fuentes similares.

¿Cómo usar What the font para detectar tipografías?

Cuando descargues la aplicación tienes la opción de hacer una foto de cualquier sitio que tenga una tipografía o también puedes cargar una imagen que ya tengas guardada en el dispositivo.

También puedes partir de una captura de pantalla, una imagen descargada o una fotografía que contenga texto. Lo importante es que la tipografía se vea con suficiente claridad para que la herramienta pueda detectar correctamente las letras.

Selecciona la imagen en cuestión y ella sola detectará qué zonas de la fotografía tienen tipografía. Seguidamente, pulsa con el dedo la palabra que quieres analizar.

La palabra seleccionada se pondrá de color azul junto a la flecha de la parte de abajo. Por último, le damos a la flecha azul y nos saldrá un listado de posibles tipografías.

Buscar fuente por imagen paso a paso

tipografía en página web

1. Cargar una imagen o hacer una foto

El primer paso es cargar una imagen desde tu móvil o hacer una foto directamente desde la aplicación. Puede ser una imagen de una web, una captura de pantalla, un cartel, una etiqueta, un logotipo o cualquier diseño que contenga texto.

Si utilizas la versión online, simplemente sube tu imagen desde el dispositivo. En algunas herramientas online también puedes arrastrar y soltar tu imagen para iniciar el análisis de forma más rápida.

whatthefont_ayrton_font

2. Detectar la tipografía dentro de la imagen

Una vez subida la imagen que contenga la captura, What the Font analiza automáticamente el contenido  y detecta las zonas donde aparecen letras. Si hay varias fuentes en la misma imagen, puedes seleccionar únicamente la palabra o fragmento que quieres identificar.

Este proceso de identificación de tipografías es muy útil cuando tienes una foto de la tipografía, una captura de pantalla o una imagen del texto y necesitas saber qué estilo de fuente se ha utilizado.

3. Revisar las fuentes similares

Después de analizar la palabra seleccionada mediante la IA, la herramienta mostrará una lista de fuentes similares. En algunos casos podrás encontrar la tipografía exacta y, en otros, una alternativa muy parecida que puede servirte para tu proyecto.

A partir de esa selección de fuentes, puedes escoger la fuente que mejor se adapte al diseño que estás creando. También puedes comparar los resultados con otras plataformas como MyFonts, Google Fonts o Adobe Fonts para encontrar opciones similares que puedas descargar o utilizar en tu sitio web.

Consejos para identificar una tipografía correctamente

Para que What the Font pueda detectar exactamente la tipografía con mayor precisión, es recomendable utilizar imágenes claras, con buen contraste y sin demasiados efectos sobre el texto.

Si la imagen está borrosa, tiene poca luz o la fuente aparece deformada, puede que el identificador no encuentre la tipografía exacta. En esos casos, lo mejor es probar con otra captura de pantalla, recortar mejor la palabra o subir una imagen donde el texto se vea más limpio.

También es recomendable analizar una sola palabra cada vez, sobre todo si la imagen contiene varias fuentes diferentes, para saber que fuente es con precisión. Si aparecen varios tipos de fuentes en la misma composición, conviene revisar cada una por separado para obtener resultados más precisos de todos los elementos de texto.

Alternativas a WhattheFont, mejores herramientas para identificar fuentes

Aunque What the Font es una de las herramientas más conocidas para identificar fuentes, existen herramientas similares, otras opciones que también pueden ayudarte a buscar tipografías de manera que puedas detectar fuentes similares que coinciden.

WhatFont, identificador de fuentes

WhatFont es una extensión muy útil para detectar la tipografía directamente desde el navegador. Es una buena opción cuando quieres saber qué fuente utiliza un sitio web sin tener que hacer una captura de pantalla.

Esta extensión para Chrome permite revisar rápidamente el estilo de fuente utilizado en una página, por lo que resulta muy práctica para diseñadores web, desarrolladores y cualquier persona que quiera analizar una web en pocos segundos.

Adobe Fonts y Adobe Capture

Adobe Fonts permite buscar y explorar familias tipográficas para proyectos profesionales. Adobe Capture también puede ayudarte a identificar tipografías a partir de imágenes y referencias visuales.

Adobe Capture es especialmente útil cuando quieres trabajar con una imagen como referencia y encontrar fuentes similares dentro del ecosistema de Adobe.

Font Squirrel Matcherator

Font Squirrel cuenta con una herramienta para buscar fuentes por imagen y encontrar tipografías similares. Puede ser útil para comparar resultados cuando What the Font no encuentra exactamente la fuente que estás buscando.

Google Fonts

Google Fonts no es exactamente una herramienta para detectar tipografías, pero sí es una plataforma muy útil para buscar fuentes gratuitas, comparar estilos y encontrar alternativas que puedas utilizar en proyectos web.

Después de realizar la búsqueda de la fuente con What the Font, puedes revisar Google Fonts para encontrar una opción similar, gratuita y fácil de integrar en tu página.

La importancia de escoger bien una tipografía

La tipografía influye directamente en la personalidad de una marca, la legibilidad de una página web y la percepción profesional de un diseño. No es lo mismo usar una fuente elegante, moderna, clásica, técnica o divertida.

Por eso, detectar tipografías que te gustan puede ayudarte a encontrar inspiración para tus propios proyectos. Eso sí, siempre conviene escoger una fuente teniendo en cuenta el contexto, el público objetivo y la identidad visual de la marca.

Una buena elección tipográfica ayuda a adaptar el diseño al mensaje que quieres transmitir. Por eso, antes de descargar una fuente o aplicarla en una web, conviene revisar si funciona bien en titulares, párrafos, botones y versiones móviles.

Preguntas frecuentes sobre cómo detectar tipografías

¿Cómo puedo identificar una tipografía a partir de una imagen?

Puedes identificar una tipografía utilizando herramientas como What the Font. Solo tienes que subir una imagen, seleccionar el texto y revisar las fuentes similares que te propone la aplicación.

¿Puedo detectar una fuente desde una captura de pantalla?

Sí, puedes subir una captura de pantalla siempre que el texto se vea claro. Cuanto mejor sea la calidad de la imagen, más preciso será el resultado.

¿What the Font es gratis?

WhattheFont se puede utilizar para detectar tipografías y encontrar fuentes similares. Algunas fuentes pueden estar disponibles para compra o descarga según la licencia de cada familia tipográfica.

¿Qué hago si no encuentra la fuente exacta?

Si la herramienta no encuentra la fuente exacta, puedes revisar las alternativas similares que te muestra. Muchas veces una fuente parecida puede funcionar igual de bien para un proyecto web o de diseño.

¿Se pueden detectar varias fuentes en una misma imagen?

Sí, pero lo recomendable es seleccionar una palabra o fragmento cada vez. Si una imagen contiene varias tipografías, analiza cada una por separado para obtener mejores resultados.

¿Existen herramientas online para identificar tipografías?

Sí, existen varias herramientas  para identificar tipografías online, buscar fuentes por imagen o encontrar fuentes similares. Algunas de las más conocidas son What the Font, WhatFont, Adobe Capture y Font Squirrel Matcherator.

Tambien exiten alguna extensión de chrome que te permite usar la función para encontrar tipografías, que son fácil de usar y de manera rápida y sencilla, como: fonts ninja, fontdownloader, identy font …

Conclusión

What the Font es una herramienta muy práctica para detectar tipografías con una foto, buscar una fuente por imagen o identificar fuentes similares de forma rápida.

Si alguna vez ves una tipografía que te gusta en una web, una imagen o una captura de pantalla, esta aplicación puede ayudarte a encontrarla en pocos segundos y facilitarte mucho el trabajo en tus proyectos de diseño web o diseño gráfico.

Ayrton Gómez
Me llamo Ayrton y estoy aquí para ayudarte a ti y a tu empresa a crear una WEB que esté bien diseñada desde el principio, que sea rápida, que se indexe bien en Google, se adapte a cualquier dispositivo.
Compartir:
Artículos relacionados
Xufa estudio
Políticas de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Más información sobre nuestra aviso legal y política de privacidad