Introducción
Cuando desarrollamos un sitio web, una de las tareas importantes es elegir la tipografía adecuada que refleje la personalidad y objetivos de nuestro proyecto. Sin embargo, a veces nos encontramos con diseños que nos gustan y nos preguntamos qué tipografía están utilizando. En este artículo, te enseñaremos diferentes formas de identificar la tipografía de tus sitios web favoritos.
Usando inspeccionar elemento en el navegador
Una de las herramientas más útiles que ofrece el navegador para la identificación de fuentes es la opción de inspeccionar elemento. En la mayoría de navegadores web actuales, al hacer clic derecho en cualquier parte del sitio web y seleccionar la opción «inspeccionar elemento», se abrirá una ventana en la que podrás visualizar todas las propiedades CSS de la página. En la pestaña «fuentes», podrás encontrar toda la información relacionada con las tipografías que se están utilizando. Allí podrás revisar familia, tamaño, altura, peso, color, entre otras más.
¿Cómo funciona?
En primer lugar, debes seleccionar el texto que te interesa identificar. Puedes hacerlo con un solo clic. Una vez que estés dentro del inspeccionador, verás que en la parte inferior de la pantalla aparece un cuadro de diálogo con toda la información de la etiqueta seleccionada. En este cuadro de diálogo, busca la sección «Computed». Allí encontrarás la información de la tipografía utilizada en el sitio web.
Usando herramientas web
Además, existen muchas herramientas web que te permiten identificar fuentes. Una de las más populares es WhatFont. WhatFont es una herramienta gratuita que te permite identificar las fuentes utilizadas en cualquier sitio web con sólo hacer clic en el texto que te interesa.
¿Cómo funciona?
Para utilizar WhatFont, debes descargar la extensión que corresponde a tu navegador en el sitio web oficial de la herramienta. Una vez que lo hayas instalado, podrás ver un icono de WhatFont en la barra de herramientas de tu navegador. Cuando quieras saber qué tipografía se está utilizando en algún sitio web, haz clic en el icono y coloca el cursor sobre el texto que te interesa. Una ventana emergente se mostrará con la información de la tipografía.
Listas en HTML
Para facilitar la lectura, te dejamos una lista con las herramientas que consideramos más útiles para identificar fuentes en sitios web:
- Inspeccionar elemento: herramienta que ofrece el navegador web para visualizar información detallada de la página web.
- WhatFont: extensión de Google Chrome que te permite identificar la tipografía utilizada en cualquier sitio web con sólo hacer clic en el texto.
- FontFace Ninja: extensión de navegadores que permite identificar la fuente, tamaño, estilo, altura de línea y otros detalles con sólo pasar el cursor sobre el texto.
Conclusión
En conclusión, identificar la tipografía de un sitio web no es una tarea difícil. Con las herramientas que hoy en día se encuentran disponibles, podemos ahorrar mucho tiempo y elegir la tipografía adecuada para nuestro proyecto. Recuerda que la tipografía es una parte importante del diseño web, y elegir la correcta puede tener un gran impacto en la experiencia de usuario y en la efectividad de nuestro sitio web.