Identificadores de tipografías en línea
¿Alguna vez has llegado a un sitio web hermoso y te has preguntado.¿ Cómo identificar fuentes en la web ? Se acabaron los días en que tenemos que usar una selección limitada de fuentes seguras para la web para los sitios web y blogs; como Arial, Verdana, Georgia, etc. Ahora podemos jugar con fuentes mucho más hermosas para la web.
¡Imagina que te topas con un sitio web o blog y te das cuenta de que la fuente de escritura a mano que se usa para el título del titular es para morirse! No puedes esperar a usarlo para tu próximo proyecto. Ahora, vete a buscar y descargar la fuente. Pero, espera un minuto … ¿Cuál es el nombre de esa fuente? Ugh, fastidio.
Anteriormente, identificar las fuentes era una tarea problemática, ya que a menudo requería que se pusiera en contacto con el propietario del sitio y le hiciera la pregunta del millón de dólares de qué fuente usaba él / ella para el sitio.
¿Pero adivina que? ¡Ya no tienes que hacer eso! Existen herramientas gratuitas que puede usar para identificar inmediatamente una fuente que se está utilizando en un sitio web. Le mostraremos paso a paso cómo usar dos de estas herramientas para identificar fuentes.
Encuentra el nombre de la tipografía que buscas
1 | Cómo usar WhatFont
WhatFont es una de las dos herramientas que hemos utilizado para identificar fuentes en la web. WhatFont es muy fácil de usar.
Paso a paso cómo usar WhatFont:
- Vaya a este sitio web: http://www.chengyinliu.com/whatfont.html
- Marcarlo como favorito, agregar la extensión de Google Chrome o agregar la extensión de Safari (usamos la extensión de Google Chrome)
- Vaya al sitio web en el que desea averiguar la fuente y haga clic en la extensión WhatFont
- ¡Desplazate por la página web y comienza a descubrir las fuentes que se utilizan!
2 | Cómo usar FFFFALLBACK
FFFFALLBACK es otra opción para descubrir qué fuente se está utilizando en un sitio web.
Paso a paso cómo usar FFFFALLBACK:
- Vaya a este sitio web: http://ffffallback.com/
- Arrastra el marcador a la barra de herramientas de tu navegador
- Vaya a la página que desea identificar.
- Haga clic en el marcador FFFFALLBACK.
- Vea qué fuente se está utilizando!
Pero, ¿qué hace si la fuente que le gusta está en una imagen y no puede usar ninguna de estas herramientas? WhatTheFont al rescate!
3 | Cómo usar WhatTheFont
- Vaya a este sitio web: https://www.myfonts.com/WhatTheFont/
- Haz click para subir la imagen.
- WhatTheFont intentará seleccionar caracteres en las imágenes. Realice los ajustes necesarios.
- Luego, ¡hará coincidir la imagen con las posibles fuentes que se utilizan!
Bonus Buscadores
Existen distintas formas para identificarlas, tales como extensiones en los navegadores como WhatFont Tool, pero la desventaja de éste es que tienes que instalarlo para que funcione, por ello te mostramos tres sitios online en los que podrás subir una captura de pantalla de la muestra que quieres determinar.
Font Squirrel
En esta página sólo necesitas subir una muestra clara de la tipografía que quieras identificar, seleccionar la opción de “mostrar cajas de glifos” que aparece en la parte inferior de la imagen para que se reconozcan más las características, oprimir el botón “Match” y listo. A continuación te desplegará una opción de fuentes que coinciden, así como el link donde las puedes encontrar.
Whatfontis.com
Este buscador funciona igual que el anterior pero puedes agregar opciones como: “activar el editor de imágenes, optimizar la imagen porque el texto está en una sola línea o el color de fondo es más oscuro que el del carácter”. Y para mayor exactitud te pedirá que escribas las letras que corresponden ciertos glifos detectados.
Fontspring
Esta página es muy similar a la primera, pues también opera con el Matcherator, pero con la ventaja de que puede coincidir con las características de OpenType.