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

¿Quieres saber el tipo de letra, 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
4.6 (91.11%) 9 vote[s]

13 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 🙂

  • Christian
    Publicado a las 01:33h, 28 julio Responder

    ya no funciona

    • Manuel Gallego
      Publicado a las 11:03h, 04 mayo Responder

      Hola, Christian. Si funciona, lo he probado y sigue funcionando correctamente. En cual navegador has intentado instalarla?

  • RonaldoAVF
    Publicado a las 22:47h, 27 diciembre Responder

    Crack, gracias.

    • Manuel Gallego
      Publicado a las 07:15h, 28 diciembre Responder

      Muchas gracias, Ronaldo. Espero que te haya sido útil 🙂

  • Jose
    Publicado a las 07:15h, 22 enero Responder

    Gracias

  • adornax
    Publicado a las 07:17h, 22 enero Responder

    Muy util, Ya la había usado pero no recordaba el nombre (evidente) para volver a instalarla 🙂 Gracias!

    • Manuel Gallego
      Publicado a las 18:22h, 28 enero Responder

      Me alegra que te haya servido!!! un abrazo!! 🙂

  • Manuel
    Publicado a las 10:21h, 01 marzo Responder

    Gracias Manuel

    He instalado la extensión en Firefox y va genial.

    This add-on can:

    Access your data for all websites
    
    ¿Podrías hacer algún comentario sobre ele tipo de permiso que require la extensión para ser instalada en el navegador?¿De qué manera podemos usarla sin comprometer la seguridad de nuestras claves de acceso?

    Saludos

    • Manuel Gallego
      Publicado a las 11:06h, 04 mayo Responder

      Hola, Manuel. Gracias por tu comentario 🙂

      Realmente desconozco la configuración de seguridad más adecuada. Yo uso esta extensión con mucha frecuencia y, hasta el momento, no he tenido ningún problema. Siento no poder ayudarte con tu consulta. Saludos.

  • Dayana Santacreu
    Publicado a las 07:37h, 14 abril Responder

    Genial ! Muchas Gracias. Gran recurso 😉

    • Manuel Gallego
      Publicado a las 11:01h, 04 mayo Responder

      Muchas gracias, Dayana. Espero que te haya servido para saber la tipografía de esa página web que consultabas 🙂

Publica un comentario

Acepto la Política de Privacidad y Aviso Legal

RESPONSABLE: Manuel Gallego Barra FINALIDAD PRINCIPAL: Envío de mis artículos, novedades, etc., así como el aviso de nuevas actividades de carácter comercial LEGITIMACIÓN: Consentimiento del interesado DESTINATARIOS: No se cederán datos a terceros, salvo autorización expresa u obligación legal DERECHOS: Acceder, rectificar y suprimir los datos, portabilidad de los datos, limitación u oposición a su tratamiento, transparencia y derecho a no ser objeto de decisiones automatizadas INFORMACIÓN ADICIONAL: Puede consultar la información adicional y detallada sobre Política de Privacidad y Aviso Legal
*

Pin It on Pinterest

Shares
Share This

Las cookies en este sitio web están configuradas para ofrecerte una mejor experiencia de navegación. Si sigues utilizando este sitio web sin cambiar tus opciones o haces clic en "Aceptar" estarás consintiendo las cookies de este sitio. 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