Con literalmente millones de fuentes disponibles, encontrar la perfecta puede llevar más tiempo del que debería. Cuando encuentre uno bueno, necesita averiguar qué 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, 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.

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 el aspecto de un sitio web en particular, saber qué tipo de fuente usa 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 este artículo le mostrará algunas de ellas. Entonces, si desea verificar el tipo y el tamaño de fuente en un sitio web, ¡siga leyendo!

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

Hay algunas 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. A continuación, cubriremos 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)
  2. Seleccione Inspector (Firefox) o Calculado (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.

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 de definir las fuentes.

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

Algunos complementos de terceros 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 debería encontrar algo con lo que pueda trabajar sin muchos problemas.

WhatFont

WhatFont está disponible como sitio web o como extensión del navegador . WhatFont es de uso gratuito y muy sencillo. Esto es lo que debe hacer:

  1. Localiza la fuente que te gustaría investigar. Tome una captura de pantalla de una muestra ( CMD + Shift + 4 en una Mac o tecla de Windows + Shift + S en una PC). Luego, dirígete al sitio web de WhatFont.
  2. Haga clic para cargar la captura de pantalla desde su computadora o arrastre la captura de pantalla y suéltela en el cuadro.
  3. Seleccione una muestra de la fuente. Luego, haz clic en el ícono de la flecha azul .
  4. Desplácese por la lista y encuentre la que mejor se adapte a la fuente que desea.

Junto con el nombre de la fuente, también tiene la opción de comprarla si aún no la tiene.

Según cómo esté configurado el CMS o cómo esté diseñada la página, será una simple identificación de fuente o un cuadro completo que le indicará el tamaño, el color, el peso, etc.

Fontanello

No debe confundirse con el jugador de fútbol, ​​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. He aquí cómo usar Fontanello:

  1. Abra Chrome y haga clic en Agregar a Chrome para instalar la extensión del navegador Fontanello.
  2. Abra la página web con la fuente que desea inspeccionar. Resalta una muestra del texto que te gusta.
  3. Haga clic derecho en el texto resaltado y luego haga clic en Fontanello .

En el menú emergente que aparece, verá los detalles de la fuente.

Fontanello hace que sea fácil y rápido revelar los detalles de la fuente que le gustaría usar.

Preguntas frecuentes

Aquí hay algunas respuestas más a sus preguntas sobre las fuentes en línea.

¿Cómo puedo saber qué fuente está en una imagen?

Tal vez esté interesado en una determinada fuente, pero es parte de una imagen. Puede ser difícil determinar cuál es esa fuente en particular. La herramienta más útil para esto es WhatFont. Siguiendo las instrucciones anteriores, puede cargar la imagen y revelar los detalles de la fuente.

Inspección de sitios web

Si no tiene ganas de usar las herramientas de desarrollo de su navegador para encontrar la fuente de un sitio web, hay muchos complementos de tipo bookmarklet que pueden identificar las 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.