Estás leyendo...
¿Cómo saber que fuentes tipográficas utiliza una página web?

¿Cómo saber que fuentes tipográficas utiliza una página web?

¿Alguna vez has visitado un sitio web, te encantó la fuente que estaba usando y no sabías qué fuente era?

Eso definitivamente nos ha pasado a todos, y muchas veces. Hay tantas fuentes tipográficas increíbles listas para ser utilizadas y no sabemos como se llaman para buscarlas y usarlas en nuestros proyectos. Esta semana, les mostraré cómo identificar cualquier fuente en la web. Así que sin más demora, ¡empecemos!

1. WhatFont

Hay una extensión de Chrome realmente excelente llamada WhatFont. Simplemente activa la extensión de Chrome y, en cualquier sitio web, puedes pasar el cursor sobre las áreas y ver instantáneamente la familia de fuentes, el peso, el estilo, etc. También hay muchas otras extensiones de Chrome que puedes usar para buscar fuentes en cualquier sitio web. Pero esta es mi favorita.

2. Inspector web 

Una de mis formas favoritas de explorar un sitio web que me gusta es a través del inspector web. De esa manera, realmente puedo ver el código y otros elementos del sitio web. Para ver qué fuente tipográfica está en el sitio web, simplemente resalta el texto, haz clic derecho y selecciona Inspeccionar en Chrome y en la pestaña Estilos, puedes ver la fuente exacta que se está utilizando el elemento que buscas se llama font-family. Alternativamente, en Firefox, haz clic con el botón derecho y selecciona Inspeccionar elemento y en el panel de la derecha, simplemente selecciona la pestaña de fuentes para ver la fuente actual que se está utilizando, así como todas las fuentes en la página.

3. Adobe Fonts

Adobe Fonts es un recurso increíble. No solo puede usar fuentes en aplicaciones relacionadas como Illustrator, Photoshop y XD, sino que también puede usar fuentes de Adobe en tus propios sitios web. Otra gran herramienta que he encontrado muy útil es su búsqueda visual de fuentes. Esto es muy útil si tienes una imagen de una fuente que quieras usar. Simplemente haz click en el ícono de la cámara (arriba a la derecha) y selecciona en tu computador una imagen o captura de pantalla con la fuente que quieres encontrar, y Adobe Fonts escaneará instantáneamente la foto y hará coincidir la fuente.

Si utilizas otra herramienta y quieres que la agregue a este listado, déjala en un comentario a continuación!

© 2021 coderina.com. Todos los Derechos Reservados.

Ir Arriba