Cómo identificar fuentes sin una extensión en Firefox y Chrome

firefox imagen relacionada

Una página web típica generalmente consta de varios elementos diferentes, la mayoría de ellos codificados en diferentes colores y escritos en diferentes fuentes y estilos.

A veces, nos encontramos con páginas web tan bellamente diseñadas que nos dan ganas de profundizar en sus atributos; un tema muy elegante o una fuente agradable y profesional, tal vez.

Las personas que conocen las fuentes y están fascinadas con ellas a menudo utilizan herramientas gratuitas de identificación de fuentes en línea para ayudar a descubrir fuentes en la web. Estas herramientas en línea requieren que ingrese una URL o cargue una imagen con la fuente mostrada, que luego se inspecciona. En caso de que no quiera pasar por la molestia de aprender a usar una nueva herramienta, esta publicación es para usted. Hoy, discutiremos cómo los usuarios pueden identificar qué fuente está usando una página web en particular sin usar una extensión de navegador, una aplicación o cualquier herramienta en línea.

El procedimiento que discutiremos en este artículo girará en torno a una configuración que ofrecen la mayoría de los navegadores web, a saber, ' Herramientas de desarrollo ' o, para ser más específicos, una opción llamada Inspeccionar elemento . Aquí, discutiremos cómo se pueden identificar las fuentes en dos navegadores: Chrome y Firefox .

Identificar fuentes en una página web usando Inspect Element en Firefox

Visite la página web de la fuente que desea identificar y haga clic con el botón derecho en el texto que está escrito en la fuente que le interesa.

Luego le mostrará las propiedades de la fuente que desea ver, como su tamaño, altura de línea, peso, etc., y también si la fuente está en cursiva o no, aunque eso siempre es evidente.

Si está interesado en saber más sobre la fuente en uso, Firefox también lo tiene cubierto. Si se desplaza hacia abajo en la sección de fuentes y hace clic en 'Todas las fuentes de la página', la pestaña de fuentes se expandirá y se le mostrarán todas las fuentes que se están utilizando en la página web que está navegando en este momento, y también dónde Están siendo usados. No solo eso, sino que también obtienes una vista previa de cómo se ve una fuente en particular. Al pasar el mouse sobre las fuentes en las herramientas de desarrollo, se resaltarán las secciones de la página web que usan esa fuente.

Identificar una fuente usando las herramientas de desarrollo en Chrome

El proceso es similar al descrito anteriormente. Siga los dos primeros pasos como lo hizo con Firefox para abrir las herramientas de desarrollo en el lado derecho de la página.

Haga clic en el subtítulo 'Computado'.

Desplácese un poco hacia abajo y encontrará información sobre la fuente que le interesa (familia de la fuente, tamaño, etc.)

Desafortunadamente, Chrome no le proporciona ninguna información adicional como lo hace Firefox.

Si cree que no puede trabajar con las herramientas de desarrollo del navegador y que las herramientas en línea le convienen más, hay varias que funcionan muy bien.

De la lista de opciones que aparecen (el menú contextual), haga clic en Inspeccionar elemento. Al hacerlo, se abrirían las herramientas de desarrollo en la parte inferior de la página.

En la esquina inferior derecha de la sección Herramientas de desarrollo, encontrará un subtítulo llamado Fuentes, haga clic en él.

Gracias por visitar este sitio, espero que te haya gustado y vuelvas proximamente, compartela en las redes sociales, gracias

Compartir en Facebook Compartir en twitter

Semrush sigue a tu competencia

Fecha actualización el 2021-06-02. Fecha publicación el 2021-06-02. Categoría: firefox Autor: Oscar olg Mapa del sitio Fuente: howtogeek