Si te gusta el diseño o simplemente te gusta el aspecto de un sitio web en particular, saber qué tipo de fuente está utilizando el sitio y qué tamaño puede ayudarte a emularla o usarla en tu propio sitio web. Hay varias maneras de lograr esto, y les mostraré algunas de ellas aquí. Así que si quieres comprobar el tipo de letra y el tamaño de un sitio web, ¡sigue leyendo!
Con literalmente millones de fuentes, encontrar esa perfecta puede llevar más tiempo de lo que debería. Cuando detectas una buena, necesitas averiguar qué es justo ahí, de lo contrario, podrías perderla para siempre. Si es particularmente bueno, puede usarlo en su propio sitio web, como fuente de Oficina o dentro de Windows, dependiendo del tipo de fuente que sea. Solo asegúrate de tener en cuenta que algunas fuentes tienen derechos de autor y no están disponibles para uso público.
Comprobar el Tipo y el tamaño de fuente en un sitio web
Hay algunas maneras de comprobar el tipo y el tamaño de fuente en cualquier sitio web. El método más sencillo utiliza el propio navegador, mientras que otros utilizan herramientas de terceros para identificar los activos de la página. Cubriré los dos tipos. Primero, nos centraremos en el método de navegador integrado.
- Haga clic con el botón derecho en la página que le guste y seleccione Inspeccionar elemento (Firefox), Inspeccionar (Chrome) o Herramientas para desarrolladores F12 (Edge).
- Seleccione Inspector (Firefox) o Computado (Chrome) en las nuevas ventanas inferiores y desplácese hacia abajo a la derecha hasta llegar a Fuente o tamaño de fuente. Debe mostrar la familia de fuentes, la fuente específica utilizada, su tamaño, su color y cualquier otra cosa que la página defina.
Diferentes CMS y diferentes diseños web muestran la información de su fuente de varias maneras. Pruebe este método en algunas páginas web y es probable que vea algunas formas diferentes de definir las fuentes.
Herramientas de terceros para Identificar el Tipo y tamaño de fuente
Hay algunos complementos de terceros que funcionan como complementos o como marcadores y pueden identificar tipos de fuente. Funcionan con la mayoría de los navegadores, incluido Safari, por lo que debe encontrar algo con lo que pueda trabajar sin muchos problemas.
Firebug
Firebug solía ser una herramienta de depuración solo para Firefox para desarrolladores. Se hizo tan popular que ahora es independiente del navegador y funcionará con la mayoría de los navegadores. Es una herramienta increíblemente versátil que puede verificar cualquier elemento de una página web, incluida la fuente.
- Simplemente instale el complemento como lo haría normalmente, resalte algo de texto en la página, haga clic en la pestaña HTML dentro de Firebug y, a continuación, haga clic en Computed a la derecha. Firebug debe resaltar el nombre de la fuente, la familia de fuentes, el tamaño, el peso y todo lo que necesita saber.
Sin embargo, tenga en cuenta que Firebug se ha descontinuado a partir de 2017. Las versiones anteriores aún se pueden descargar, pero ya no se actualizarán, y Firebug probablemente perderá funcionalidad a medida que evolucionen los navegadores.
WhatFont
WhatFont es un marcador que puede identificar fuentes en páginas web. Arrastre el marcador a la barra de marcadores y utilícelo para identificar casi cualquier fuente, en cualquier lugar. Es de uso gratuito y muy sencillo. Vaya a una página web que le guste, haga clic en el marcador y pase el cursor sobre la fuente que desea identificar. Una pequeña caja negra aparece encima, diciéndote la fuente.
A medida que se ha actualizado, incluso se ha hecho compatible con complementos relacionados.
De nuevo, dependiendo de cómo se configure el CMS o cómo se diseñe la página, esto será una simple identificación de fuente o una caja completa que le dará tamaño, color, peso, etc.
Fontanello
No debe confundirse con el jugador de fútbol, Fontanello es una gran extensión de navegador gratuita que le permite ver rápida y fácilmente la fuente de un sitio. Aunque actualmente solo está disponible para Chrome y Firefox, vale la pena descargar esta extensión.
Inspeccionar sitios web
Hay muchos complementos de tipo bookmarklet que pueden identificar fuentes; WhatFont es solo uno de ellos. ¿Usas uno? ¿Este artículo te ha convencido de probar uno nuevo? Háganoslo saber a continuación.