Tipografías: cuáles usa un sitio web

28 enero, 2018 2 comentarios

Cómo saber la tipografía de una página web

Seguro que te lo has preguntado en muchas ocasiones. Para poder usar la misma, porque era la fuente más de moda del momento. O sencillamente porque te gustaba un tipo de fuente para el nombre de tu Marca Personal.

Recomendaciones

Te diré que no es bueno usar más de 3 tipografías diferentes, tanto en diseño web cómo gráfico.

Puedes usar 3 tipografías en tu sitio web, para diferenciar el tipo de información:

  • Título
  • Subtitulo
  • Texto (contenido, en WordPress llamado normalmente: Párrafo)

Extensión Google Chrome: WhatFont

A veces, la solución está a un clic de ratón en una simple búsqueda por Google. Sin embargo, para eso tienes que saber qué término tienes que buscar.

En mi caso sabía de la existencia del término: WhatFont. Y para mi sorpresa. vi que existía la extensión WhatFont, para el navegador web de Google Chrome.

Vídeo artículo y tutorial

  • Tipografías: cuáles usa un sitio web (WhatFont)
    En este vídeo artículo-tutorial vas a saber qué tipo de fuente/tipografía usa un sitio web. Vamos a ver 2 ejemplos, para que veas cómo se trabaja con una herramienta que nos permite saberlo. Además te doy una serie de recomendaciones que te conviene seguir.

Opinión

Es una herramienta muy útil la que aquí te presento. Es la que uso yo. Además, de decirte la tipografía que usa una página web, te da más detalles acerca de su tamaño, grosor, familia a la que pertenece, color usado, dónde la puedes encontrar.

Si no aparece donde la puedes encontrar, es probable que no enlace a ningún sitio externo (tipo Google Fonts), y que la hayan subido internamente al directorio raíz donde se instala tu WordPress. Algo que ya te mostré en el artículo anterior a éste, cómo podías hacerlo.

icono cafe¿Te ha resultado útil y quieres invitarme a un café?

¿Ya usaste alguna vez esta extensión? ¿No te hace el trabajo de búsqueda fuente más fácil? Comenta tu experiencia :P ;)