He leído y acepto la política de privacidad

Acepto recibir contenido o propuesta comercial de diligent

Una aplicación que responde a: ¿Qué fuente es esta?

Escrito por: Diligent Team

Internet, el universo del que solemos entrar cada día a cada hora es un espacio lleno de contenido digital, contenido basado sobre todo de texto HTML (HyperText Markup Language > Lenguaje de marcas de hipertexto). Ahora bien, el texto que vemos y leemos en internet tiene integrado en el código fuente los estilos CSS, digamos que son las variables que determina entre otras cosas, la ubicación, el color, el tamaño e identifica la fuente. Pero claro, esta información es invisible de cara al usuario que navega por la web. Con lo cual, si un usuario ve un tipo de letra interesante...   Muchos se preguntarán ¿qué fuente es esta?

Hace unos días Julián me envió en un mail una nueva aplicación que descubrió y sabía que me encantaría. Soy Diseñador web desde hace varios años y siempre que he necesitado averiguar la tipografía de una web de referencia tengo que recurrir al código fuente (CSS) para desentrañar el nombre de la tipografía. O si se trata de una imagen, tengo que ir a What the font para que me de una respuesta “aproximada”.

Sin embargo, no puedo evitar hacerme la misma pregunta antes ¿Qué fuente es esta?  Pues con esta genial aplicación no te hará falta volver al código fuente. Se llama Font Face Ninja y es un plugin que se instala directamente en tu navegador.

 

La aplicación que responde a: ¿Qué fuente es esta?

La verdad no tengo mucho más que decir más que Font Face Ninja es simplemente genial. Es una aplicación súper sencilla de usar, es totalmente gratuita y está disponible para Chrome o Safari. Instalarla es muy fácil, la activas en tu navegador y una vez haces clic en el simpático icono ya puedes empezar a identificar las fuentes que más te gusten en cualquier web.

Para empezar verás como se despliega una superficie emergente de color gris en el tope de la web que visualizas. A la derecha se sitúa el logo de la aplicación y a la izquierda dos iconos, el primero “Mask” (máscara) y el segundo “Close” (cerrar).

A partir de aquí, apunta el mouse encima de la tipografía que te interesa y verás como se despliega un pequeño “bocadillo” con el nombre de la fuente y tamaño. Ahora bien, si haces clic en la misma tipografía verás como en la superficie emergente gris que antes mencioné te permite escribir con la fuente que has seleccionado justo donde dice “Type here to try the...” para que veas como puede quedar la frase o palabra que quieras. A la izquierda verás que te permite cambiar el tamaño de la letra y, si está disponible, puedes descargar la fuente haciendo clic en “Download”.

Descubriendo Font Face Ninja

La opción “Mask” te permite esconder todas las imágenes que hay en la web para que puedas ver bien claro las fuentes que tiene disponible. Ojo, esta aplicación funciona solo con fuentes web, no detecta las fuentes en imágenes.

Descubriendo Font Face Ninja

Por otro lado, debo comentar que esta aplicación es una referencia para las tipografías. Si hay una tipo que te guste y no es gratuita como las GoogleFont, te recomiendo que la compres. Sin embargo, los creadores de la aplicación para evitar la descarga desmesurada de fuentes de pago, han creado una lista negra (Blacklist) para un mejor control. Si en tu web tienes una fuente específica de pago, puedes indicarles las especificaciones de la fuente a los desarrolladores para evitar que te la descarguen enviando un correo a: blacklist@fontface.ninja

 

Espero que de ahora en adelante cada vez que te hagas la pregunta ¿Qué fuente es esta? puedas disponer de una respuesta inmediata sin tener que ir al código fuente gracias a la aplicación Font Face Ninja.

Hasta la próxima.

 

Comments

Centro-Armonia
12 abril, 2015 at 6:47 am

Me encanta!!!! 🙂

Deja un comentario

Alimenta con lectores tu blog

Recibe el ebook en formato pdf y empieza a desarrollar tu blog desde hoy.

Acepto las política de privacidad

Acepto recibir la newsletter de diligent

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

×
Del blog al éxito

Recibe el ebook en formato pdf y empieza a desarrollar tu blog desde hoy.

Acepto las política de privacidad

Acepto recibir la newsletter de diligent

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

×
Como triunfar con tu tienda online

Descarga el eBook en Formato PDF y empieza a desarrollar tu tienda online.

Acepto las política de privacidad

Acepto recibir la newsletter de diligent

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

×
Fotografía de producto

Descarga el eBook en Formato PDF y empieza a desarrollar tu tienda online.

Acepto las política de privacidad

Acepto recibir la newsletter de diligent

Al darte de alta te suscribes a la newsletter de diligent. Solo te enviaremos contendido interesante para proyectos digitales

×