Ya sea que esté interesado en el diseño o simplemente en el aspecto de un sitio web en particular, saber qué tipo de fuente está usando el sitio y qué tamaño es puede ayudarlo a emularlo o usarlo en su propio sitio web. Hay varias formas de lograr esto, y te mostraré algunas de ellas aquí. Entonces, si desea verificar el tipo y tamaño de fuente en un sitio web, ¡siga leyendo!
Con literalmente millones de fuentes, encontrar esa perfecta puede llevar más tiempo del que debería. Cuando veas uno bueno, debes averiguar qué es allí mismo y, de lo contrario, podrías perderlo para siempre. Si es particularmente bueno, puede usarlo en su propio sitio web, como fuente de Office o dentro de Windows, dependiendo del tipo de fuente que sea. Solo asegúrese de tener en cuenta que algunas fuentes tienen derechos de autor y no están disponibles para uso público.
Verifique el tipo y tamaño de fuente en un sitio web
Hay algunas formas de verificar el tipo y tamaño de fuente en cualquier sitio web. El método más fácil usa el navegador en sí, mientras que otros usan herramientas de terceros para identificar los activos de la página. Cubriré ambos tipos. Primero, nos centraremos en el método de navegador incorporado.
- Haga clic derecho en la página que le gusta y seleccione Inspect Element (Firefox), Inspect (Chrome) o F12 Developer Tools (Edge).
- Seleccione Inspector (Firefox) en las nuevas ventanas inferiores y desplácese hacia abajo a la derecha hasta llegar a Fuente. Debe mostrar la familia de fuentes, la fuente específica utilizada, su tamaño, su color y cualquier otra cosa que defina la página.
Diferentes CMS y diferentes diseños web muestran su información de fuente de varias maneras. Pruebe este método en algunas páginas web y probablemente verá algunas formas diferentes en que se definen 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 fuentes. 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 luego haga clic en 'Computado' a la derecha. Firebug debería 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 todavía se pueden descargar, pero ya no se actualizarán, y Firebug probablemente perderá funcionalidad a medida que evolucionen los navegadores.
WhatFont
WhatFont es un bookmarklet que puede identificar fuentes en páginas web. Arrastre el bookmarklet a su barra de marcadores y úselo para identificar casi cualquier fuente, en cualquier lugar. Es de uso gratuito y muy sencillo. Navegue a una página web que le guste, haga clic en el bookmarklet y desplace el cursor sobre la fuente que desea identificar. Aparece un pequeño recuadro negro sobre él, que le indica la fuente.
Como se ha actualizado, incluso se ha hecho compatible con complementos relacionados.
Una vez más, dependiendo de cómo esté configurado el CMS o cómo esté diseñada la página, esta será una simple identificación de fuente o un cuadro completo que le dará tamaño, color, peso, etc.
Hay muchos complementos de tipo bookmarklet que pueden identificar fuentes; WhatFont es solo uno de ellos. ¿Usas uno? ¿Te ha convencido este artículo de probar uno nuevo? Háganos saber a continuación.
