Header Ads Widget

Ticker

6/recent/ticker-posts

Cómo Comprobar El Tamaño Y La Cara De La Fuente En Un Sitio Web

 Ya sea que le guste el diseño o simplemente le guste el aspecto de un sitio web en particular, saber qué tipo de fuente está usando el sitio y qué tamaño tiene 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!

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

Con literalmente millones de fuentes, encontrar la perfecta puede llevar más tiempo del que debería. Cuando detectes uno bueno, debes averiguar cuál es allí mismo, de lo contrario, podrías perderlo para siempre. Si es particularmente bueno, puede usarlo en su propio sitio web, como una 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.

Comprobación del 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 sencillo utiliza el navegador en sí, 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 elemento (Firefox), Inspeccionar (Chrome) o Herramientas de desarrollo F12 (Edge).
    Menú de Chrome Web
  2. 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 defina la página.
    Herramienta de inspección de Chrome

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

cómo-comprobar-el-tipo-y-tamaño-de-fuente-en-un-sitio-web-2

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

Hay algunos complementos de terceros que funcionan como complementos o marcadores 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 muchos problemas.

Firebug

Firebug solía ser una herramienta de depuración exclusiva de 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.

  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 dentro de Firebug y luego haga clic en 'Computado' a la derecha. Luego, 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 suspendió a partir de 2017. 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.

cómo-comprobar-el-tipo-y-tamaño-de-fuente-en-un-sitio-web-3

WhatFont

WhatFont es un bookmarklet 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. Navegue a una página web que le guste, haga clic en el marcador y coloque el cursor sobre la fuente que desea identificar. Aparece un pequeño cuadro negro sobre él, indicándole la fuente.

A medida que se ha actualizado, incluso se ha hecho compatible con complementos relacionados.

Nuevamente, dependiendo de cómo esté configurado el CMS o cómo esté diseñada la página, esto será una identificación de fuente simple 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.

Publicar un comentario

0 Comentarios