Cómo verificar el tamaño y tipo de letra en un sitio web

¿Cómo verificar el tipo de fuente y el tamaño en un sitio web?

Con literalmente millones de fuentes disponibles, encontrar la perfecta puede llevar más tiempo del que debería. Cuando encuentras una buena, tienes que averiguar cuál es allí mismo; de lo contrario, podrías perderla para siempre.

Si es particularmente buena, puedes usarla en tu propio sitio web, como fuente de Office o en Windows, según el tipo de fuente. Ten en cuenta que algunas fuentes tienen derechos de autor y no están disponibles para uso público.

Ya sea que te guste el diseño o simplemente te guste el aspecto de un sitio en particular, saber qué tipo de fuente utiliza el sitio y qué tamaño tiene puede ayudarte a emularlo o usarlo en tu propio sitio. Hay varias formas de lograr esto, y este artículo te mostrará algunas de ellas. Si quieres verificar el tipo y tamaño de fuente en un sitio web, ¡sigue 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 fuente de cualquier sitio web. El método más sencillo utiliza el propio navegador, mientras que otros utilizan herramientas de terceros para identificar los recursos de la página. A continuación, cubriremos ambos tipos. Primero, concentrémonos en el método de navegador integrado.

1. Haz clic derecho en la página que te gusta y selecciona Inspeccionar elemento (en Firefox), Inspeccionar (en Chrome) o F12 y luego herramientas de desarrollo (en Edge).
2. Selecciona inspector (en Firefox) o calculado (en Chrome) en las nuevas ventanas inferiores y desplázate 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 la información de su fuente de diferentes maneras. Prueba este método en algunas páginas web y probablemente verás algunas formas diferentes de configurar las fuentes.

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

Algunos complementos de terceros 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ías poder encontrar algo con lo que puedas trabajar sin demasiados problemas.

WhatFont

WhatFont está disponible como un sitio web o como una extensión del navegador. WhatFont es gratis y muy sencillo. Sigue estos pasos:

1. Localiza la fuente que te gustaría investigar. Toma una captura de pantalla de una muestra (CMD + Mayús + 4 en una Mac o Tecla de Windows + Mayús + S en una computadora). Luego, ve al sitio web de WhatFont.
2. Haz clic para cargar la captura de pantalla desde tu computadora o arrastra y suelta la captura de pantalla en el cuadro.
3. Selecciona una muestra de fuente. Luego haz clic en el icono de flecha azul.
4. Desplázate por la lista y encuentra la que mejor se adapte a la fuente que deseas.

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

Dependiendo de cómo esté configurado el CMS o cómo esté diseñada la página, podrás encontrar una simple identificación de fuente o un cuadro completo que proporcione tamaño, color, peso, etc.

Fontanello

No debe confundirse con el futbolista, Fontanello es una excelente extensión de navegador gratuita que te permite ver rápida y fácilmente la fuente de un sitio web. Aunque actualmente solo está disponible para Chrome y Firefox, vale la pena descargar esta extensión. Sigue estos pasos:

1. Abre Chrome e ve a la página de Fontanello en la Chrome Web Store.
2. Haz clic en Añadir a Chrome para instalar la extensión del navegador Fontanello.
3. Abre la página web con la fuente que deseas inspeccionar. Resalta una muestra del texto que te gusta.
4. Haz clic derecho en el texto resaltado y haz clic en Fontanello.

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

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

Preguntas frecuentes

¿Cómo puedo saber qué fuente se utiliza en una imagen?

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

Inspección de sitio

Si no deseas utilizar las herramientas de desarrollo de tu navegador para averiguar la fuente de un sitio web, existen muchos complementos tipo bookmarklet que pueden identificar las fuentes. WhatFont es solo uno de ellos.

¿Utilizas alguno? ¿Te convenció este artículo de probar alguno nuevo? Háznoslo saber en los comentarios.