Saltar al contenido
Noticias de tecnologia

Cómo identificar fuentes en cualquier página web sin usar una extensión en Firefox y Chrome

How to identify fonts on any webpage using Firefox

Las páginas web constan de varios elementos visuales, aunque normalmente no los notamos. Todo lo que vemos es texto, enlaces, imágenes y formularios, ¿verdad?

Observe de cerca el estilo del texto en una página web y puede notar que el sitio podría estar usando varias fuentes para representar el contenido.

¿Puedes identificar esas fuentes? Bueno, no todos pueden. Pero existen muchos servicios en línea, herramientas de OCR y extensiones que pueden ayudarlo a lograrlo. La mayoría de estos servicios requieren que use alguna herramienta o ingrese la URL, o use una imagen para detectar la fuente, y luego tendrá que marcar el área de la página para identificar el estilo del texto. Eso es un montón de molestias, ¿no? ¿Y si no quisieras usarlos?

¿Sabes cómo identificar fuentes en cualquier página web sin usar una extensión? Sí, es posible y no te preocupes, no necesitas ningún conocimiento técnico para ello. Todo lo que necesita es un navegador web como Firefox o Chrome.

Los navegadores tienen una función incorporada llamada Herramientas para desarrolladores. Si usa accesos directos y navega en modo de pantalla completa, es posible que haya tocado accidentalmente F12 (que abre Herramientas de desarrollo), en lugar de F11 (pantalla completa). Eso es exactamente lo que vamos a utilizar para identificar las fuentes.

Cómo identificar fuentes en cualquier página web usando Firefox

1. Visite cualquier página web y haga clic derecho en el texto con la fuente que le gustaría identificar. (consulte la captura de pantalla anterior)

2. Haga clic en la opción “Inspeccionar elemento” del menú contextual. Esto abre la sección Herramientas para desarrolladores en la parte inferior de la página.

Cómo identificar fuentes en cualquier página web usando las herramientas de desarrollo de Firefox

3. Busque la pestaña Fuentes, que se encuentra en la esquina inferior derecha de la sección de herramientas.

identificar fuentes en cualquier página web usando Firefox

4. Firefox mostrará el nombre de la fuente, su tamaño, altura de línea, espaciado y peso.

Cómo identificar fuentes en cualquier página web usando las herramientas de desarrollo de Firefox - pestaña Fuentes

Firefox ofrece más información sobre la fuente utilizada en el navegador. Desplácese hacia abajo en la pestaña Fuentes y haga clic en la opción que dice “Todas las fuentes en la página”. Esto expande la pestaña verticalmente para mostrar todos los tipos de fuentes que se encontraron en la página actual. Además de esto, Firefox también te muestra una vista previa de cada estilo de fuente.

Cómo identificar fuentes en cualquier página web usando las herramientas para desarrolladores de Firefox: todas las fuentes en la página

Pase el mouse sobre cada fuente que aparece en la lista y el navegador resaltará el texto en la página web que usa la fuente.

identificar fuentes en cualquier página web usando las herramientas de desarrollo de Firefox - todas las fuentes en la página 2

Esto no es obligatorio, pero si lo desea, puede usar los controles deslizantes (o los cuadros) para ajustar el tamaño de fuente, la altura y otros atributos.

Cómo identificar fuentes en cualquier página web usando Chrome

1. Siga los pasos uno y 2 de la sección de Firefox. Chrome carga las herramientas para desarrolladores en el lado derecho de la página.

Cómo identificar fuentes en cualquier página web usando Chrome

2. Haga clic en la pestaña “Calculado”.

3. Desplácese hacia abajo hasta que vea la información de la fuente (familia de fuentes, tamaño de fuente, etc.).

Cómo identificar fuentes en cualquier página web utilizando las herramientas para desarrolladores de Chrome

El navegador muestra el tipo de fuente, tamaño, extensión, estilo, altura y otras opciones. No creo que Chrome tenga una forma de mostrar la información sobre todas las fuentes en la página web como lo hace Firefox.

Una vez que haya encontrado el tipo de fuente, puede usar sus habilidades de Google-fu para obtener la fuente de sitios web de terceros. Si encuentra que los pasos anteriores son complicados, puede usar una extensión como Font Finder que simplifica un poco la tarea.

Encontré este truco en reddit mientras buscaba una herramienta de identificación de fuentes. Pero este método resultó ser simple y efectivo.

Anuncio