Cómo saber la tipografía, fuente o tipo de letra de una página Web con WhatFont

¿Quieres saber la fuente o tipografía usa una página web? No hace falta que sepas ni que mires el código fuente de esa página para saber el tipo de letra que usa. Con WhatFont es una tarea súper sencilla y que te dirá el nombre, la familia, el estilo, la anchura, el tamaño, el interlineado y el color de esas letras que tanto te gustan.

WhatFont es una de mis herramientas imprescindibles y que uso muchísimo. Solo basta con hacer un clic sobre el tipo de letra que te gusta y te dará todos los detalles que te comenté anteriormente.

No solo te servirá para saber el tipo de letra de otras páginas web, sino que también, si te dedicas al diseño web, te servirá para comprobar si estás usando correctamente las tipografías en caso de que no estés seguro.

Como suelo acostumbrar, te voy a enseñar en este tip como descargar, instalar y usar WhatFont.

Te comento también que en Internet hay una gama muy amplia de herramientas que cumplen con la misma función. Yo uso esta porque me parece la más eficaz para mis necesidades y espero que para las tuyas también.

Cómo descargar e instalar WhatFont para saber la tipografía o tipo de letra de una página web

1- Lo primero es ir a la Google Web Store. Te dejo el enlace directo para que instales WhatFont. Una vez allí solo debes darle a la opción de Agregar a Chrome.

2- En la siguiente ventana presionamos Agregar Extensión para que se instale en Chrome.

3- ¡Listo! Ya se ha instalado WhatFont en tu navegador. Lo podrás identificar con el símbolo de la F y el ? tal como te lo muestro en la siguiente imagen.

 

¡Enhorabuena! Ya tienes WhatFont instalado y ya podrás saber la fuente o tipo de letra de una web

 

Cómo usar WhatFont para saber la fuente o tipo de letra de una página web

Solo será necesario que pinches sobre el icono de WhatFont y luego hagas click sobre la tipografía que quieres saber. Una vez que hagas esto te aparecerá un recuadro con todos los datos de ese tipo de letra tal como te lo muestro en la imagen de a continuación.

Si solo quieres saber el nombre de la tipografía solo debes, al igual que en el paso anterior, pinchar sobre el icono de WhatFont y pasar el ratón sobre la letra sin necesidad de hacer click. Te aparecerá un pequeño recuadro con solo el nombre de la tipografía.

recuadro nombre de la tipografía whatfont

Conclusiones:

  • WhatFont es una herramienta muy sencilla de usar. No tiene ninguna complicación.
  • Puedes saber el tipo de letra que hay en una página web pero no en una imagen.
  • Si te dedicas al diseño web, es una de las extensiones que no puede faltar en tu navegador.
  • Es gratuita 😉

 

¿Qué tal te ha parecido este tutorial? ¿Consideras que hay que agregar algo que no haya mencionado? Si es así me gustaría ver tus comentarios más abajo.

Nos leemos en una próxima 🙂

 

 

Cómo saber la tipografía, fuente o tipo de letra de una página Web con WhatFont
5 (100%) 6 votes

2 Comentarios
  • Angela Gomez
    Publicado a las 09:36h, 17 noviembre Responder

    Manuel! No sabes como me has facilitado la vida con esta extensión. Tener que adivinar cual era la tipografía que usaban otras webs o incluso, comprobar que las fuentes de mi web son iguales, antes era muy complicado con el inspector de Chrome. Muchas gracias por el tutorial.

    • Manuel Gallego
      Publicado a las 09:38h, 17 noviembre Responder

      Es así, Angela. Me alegra que te sirviera este tutorial 🙂

Publica un comentario

Pin It on Pinterest

Shares
Share This

Si continuas navegando por este sitio, estás aceptando nuestra política de cookies. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar