Cómo verificar el tamaño de fuente y la cara en un sitio web

Ya sea que le guste el diseño o simplemente le guste la apariencia de un sitio web en particular, conocer el tipo de fuente que usa el sitio y su tamaño 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 el tamaño de fuente en un sitio web, ¡siga leyendo!



Con literalmente millones de fuentes disponibles, encontrar la perfecta puede llevar más tiempo del que debería. Cuando detecta uno bueno, debe averiguar qué es de inmediato o podría perderlo para siempre. Si es una fuente especialmente buena, puede usarla en su propio sitio web, como fuente de Office o en Windows, según el 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.

Comprobación del tipo y tamaño de fuente en un sitio web

Hay varias formas de verificar el tipo y el tamaño de la 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é ambos tipos. Primero, nos centraremos en el método de navegador integrado.

  1. Haga clic con el botón derecho en la página que le gusta y seleccione Inspeccionar el elemento (Firefox), inspeccionar (Cromo), o F12 Herramientas de desarrollo (Borde).
  2. Sélectionner Inspector (Firefox) o Calculado (Chrome) en la nueva ventana inferior y desplácese hacia abajo a la derecha hasta llegar a Tipo de letra ou tamaño de fuente. Debe mostrar la familia de fuentes, la fuente específica utilizada, su tamaño, color y cualquier otra cosa que defina la página.

Diferentes CMS y diferentes diseños web muestran su información de fuente de diferentes maneras. Pruebe este método en algunas páginas web y probablemente verá diferentes formas de configurar las fuentes.



Herramientas de terceros para identificar el tipo y tamaño de fuente

Hay algunos complementos de terceros que funcionan como complementos o bookmarklets y pueden identificar tipos de fuentes. Funcionan con la mayoría de los navegadores, incluido Safari, por lo que debería encontrar algo con lo que pueda trabajar sin demasiados problemas.

Incendiario

Firebug era una herramienta de depuración exclusiva para desarrolladores para Firefox. Se ha vuelto 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.

  1. Simplemente instale el complemento como lo haría normalmente, resalte algún texto en la página, haga clic en la pestaña HTML en Firebug, luego haga clic en Calculado sobre la derecha. Firebug debe resaltar el nombre de la fuente, la familia de fuentes, el tamaño, el peso y cualquier otra cosa que necesite saber.

Sin embargo, tenga en cuenta que Firebug se suspendió a partir de 2022. Las versiones anteriores aún se pueden descargar, pero ya no se actualizarán, y es probable que Firebug pierda funcionalidad a medida que evolucionen los navegadores.

Qué fuente

QuelleFont es un bookmarklet que puede identificar fuentes en páginas web. Arrastre el marcador a su barra de marcadores y utilícelo para identificar casi cualquier fuente, en cualquier lugar. Su uso es gratuito y muy sencillo. Vaya a una página web que le guste, haga clic en el marcador y coloque el cursor sobre la fuente que desea identificar. Arriba aparece un pequeño cuadro negro que indica la fuente.



A medida que se actualizó, incluso se volvió compatible con complementos relacionados.

Una vez más, según la configuración del CMS o el diseño de la página, será una identificación de fuente simple o un cuadro completo que le indicará el tamaño, el color, el peso, etc.


Fontanello

No debe confundirse con Football Player, Fontanello es una excelente 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.

Inspección del sitio web

Hay muchos complementos tipo bookmarklet que pueden identificar fuentes; WhatFont es solo uno de ellos. ¿Usas uno? ¿Te ha convencido este artículo para probar uno nuevo? Háganos saber a continuación.

Audio vídeo Cómo verificar el tamaño de fuente y la cara en un sitio web
Añade un comentario de Cómo verificar el tamaño de fuente y la cara en un sitio web
¡Comentario enviado con éxito! Lo revisaremos en las próximas horas.