¿Cómo saber tipografía de una web? [+ 100 fuentes gratis]

Tabla de contenidos

En ocasiones encontramos webs o imágenes que cuentan con unas fuentes con las que pensamos: ¡Esta fuente es justo la que necesito! Pues bien, hoy os vamos a contar como saber tipografía de una web y poder usarlas para nuestros proyectos.

HERRAMIENTAS PARA SABER TIPOGRAFÍA DE UNA WEB

Existen varias herramientas online con las que sacar la tipografía de una imagen, entre todas nosotros os recomendaremos estas dos:

WhatTheFont : Esta web nos permite con apenas un par de clics averiguar qué tipografia tiene una imagen específica. Para ello simplemente necesitaremos una imagen clara de la tipografía.

WhatFontIs : Esta otra página es muy similar a la anterior pero además cuenta en su sección de fuentes con un gran número de fuentes gratuitas con las que poder trabajar.

Truco para convertir cualquier tipografía en imagen

Gracias a estas dos herramientas podremos conseguir la tipografía de casi cualquier imagen pero, ¿Como conseguimos esa imagen? Pondremos los ejemplos en los dos principales entornos Windows y Mac, y los linuxeros pueden hacerlo con herramientas como KSnapshot o Gnome Screenshot, de forma sencilla (si sabes usar linux no te voy a enseñar a hacer una captura de pantalla)

Captura de pantalla parcial en Windows:

Deberemos ir a la aplicación de recortes en: «Inicio > Todos los programas > Accesorios > Recortes» y aquí podremos seleccionar el por ejemplo el recorte en rectángulo para capturar la sección de pantalla con la tipografía que nos interese.

Captura de pantalla parcial en Mac:

El sistema de la manzana nos lo pone fácil, simplemente deberemos presionar: «cmd + SHIFT + 4»  tras esto nos aparecera una cruceta con unos valores, simplemente deberemos hacer clic y arrastrar en la zona que queremos capturar.

Tras estas acciones podremos subir la imagen y reconocer la tipografía.

Packs de fuentes gratuitas

Para acabar el artículo os dejamos una colección de fuentes gratuitas con las que mejorar vuestra colección de fuentes:

100 fuentes gratuitas: Gracias a la gente de Hongkiat podéis usar estas 100 fuentes gratuitas

Además de estas 100 fuentes, os recomendamos la web de DiegoMattei, donde encontrar gran información sobre fuentes y diseño, os dejamos el acceso a su sección de fuentes:

Fuentes de Diego Mattei

Arnau Vendrell
Web | + posts

Head SEO y coCEO de iSocialWeb. CMO de Growwer. Especialista en optimización de conversión y Marketing Experiencial.

¿Quieres mejorar tu proyecto?