Cómo averiguar qué fuentes hay en una web

Vamos a ver cómo averiguar la fuente de una web.

• Averiguar fuentes web inspeccionando el código web (con Chrome o Firefox
• Saber el tipo de letra de una web usando extensiones del navegador

Podemos hacerlo mediante los inspectores de código de los navegadores:
 
–> desde Firefox con su inspector de código (click derecho, inspeccionar elemento); antes podíamos usar Firebug, pero Firebug ya no existe, en 2017 se apagó el servicio 🙁
 
–> y desde Google Chrome con click derecho/Inspeccionar elemento.

 
Seleccionando un fragmento de texto y pulsando click derecho e Inspeccionar elemento, veremos el código desglosado por elementos, y el css que se aplica en cada caso. Entonces podremos apreciar la fuente que utiliza una web.

Concretamente hemos de buscar “font-family” en el código de la web.

Averiguar tipografía web usando una extensión del navegador

Otra alternativa que no requiere conocimientos de código, es utilizar una extensión para navegador que realice esta investigación sobre el tipo de letra que utiliza una web por nosotros:

• Tenemos Font Finder Font para Firefox.

• Para Google Chrome disponemos de What Font Tool

Simplemente hemos de instalar la extensión y activarla. Y al seleccionar un fragmento de texto de una web, veremos algo como lo  siguiente:

 
Estas extensiones para averiguar la fuente que usa una web pueden resultar muy útiles para realizar trabajos basados en algún diseño que hayamos descubierto y nos interese imitar.