Cómo ver qué fuente usa un sitio web

Si alguna vez ha sido tomado por completo con una fuente que ha visto en un sitio web, es posible que haya preguntado cómo descubrir cómo se llama, para que pueda usarla en su propio contenido. La tipografía de calidad puede mejorar las experiencias de lectura de sus visitantes, por lo que puede valer la pena hacer un esfuerzo para encontrarla. Independientemente de por qué verifica qué fuente se usa en un sitio web, hay muchas herramientas que pueden ayudarlo. En este artículo, discutiremos por qué querrá ver qué Font usa un sitio web. También le mostraremos cómo hacer esto.
¡Vamos a empezar! Suscríbase a nuestro canal de YouTube por qué es posible que desee verificar lo que Font usa un sitio web como ya se mencionó, las fuentes hermosas y legibles pueden mejorar la experiencia del usuario (UX) y los visitantes de su sitio de legibilidad pueden participar cómodamente con su contenido sin luchar por descifrarla. Si su texto es elegante, pero ilegible, los lectores serán difíciles de entender o apreciarán su material. Es por eso que puede ser útil para mantener una lista de fuentes que atraen su atención porque son elegantes y legibles. Luego puede usarlos en su sitio o para un cliente en el futuro.
Cómo ver qué fuente utiliza un sitio web (3 métodos disponibles) Hay varios métodos que puede usar para verificar qué fuente usa un sitio web. La función de inspección de su navegador es una solución excelente, pero hay extensiones que pueden producir efectos equivalentes. Incluso puede encontrar fuentes en las imágenes utilizando herramientas en línea. Echemos un vistazo a cada una de estas opciones. 1. Identifique las fuentes utilizando la herramienta Inspector del navegador Una de las formas más simples de verificar qué fuente utiliza un sitio web es con la herramienta de inspección del navegador. Aunque trabajaremos con Chrome Inspector en este ejemplo, vale la pena mencionar que otros navegadores tienen funciones equivalentes. Primero, haga clic derecho en la página web que contenga la fuente que desea encontrar. En el menú resultante, seleccione Inspeccionar:
Si prefiere usar un pedido rápido desde el teclado, intente CTRL + Shift + I para Windows o Linux. Si usa una Mac, el equivalente es CMD + Shift + I. En la ventana del lado derecho de la pantalla, busque el texto usando la fuente que desea ver. Se resaltará al seleccionar el elemento HTML apropiado:

Luego, haga clic en la pestaña calculada y busque “Font-Family”:

Debería ver el nombre de la fuente y su estilo enumerado aquí.

Para ver el CSS relacionado con la fuente, mire debajo de la pestaña Estilos. Puede ejecutar para buscar valores relacionados con la fuente. Sin embargo, debido a que puede haber reglas de estilo y estilo irrelevantes aquí, la pestaña calculada suele ser más útil. 2. Encuentre las fuentes a través de las extensiones de extensión de un navegador para el navegador pueden proporcionar una forma más simple de encontrar detalles sobre las fuentes en un sitio web, especialmente si no se siente cómodo con el inspector. Además, generalmente puedo dar la respuesta que está buscando más rápido para que pueda volver a la tarea que tiene. Uno de esos suplementos incluye:
Fontanello: Gratis, esta extensión le permite encontrar el nombre, el peso, el estilo de fuente y simplemente resaltar y hacer clic con la derecha mientras navega.

WhatFont: Eficiencia de la detección de fuentes y más, WhatFont le permite ver el nombre de un tipo de letra con solo pasar por encima.
CSS Peeper: Creado para diseñadores web, esta extensión es un poco más robusta y puede brindarle detalles adicionales del código CSS de la página web.
Sin embargo, cada una de estas extensiones tiene soporte variado del navegador. WhatFont está disponible para Firefox, Chrome, Safari e Internet Explorer. Fontanello, por otro lado, solo está disponible para Firefox y Chrome. CSS Peeper es una herramienta Chrome específica, que no podrá usar con ninguna otra plataforma.
Para encontrar rápidamente el nombre de una fuente en particular, qué es la opción más fácil de usar. Debido a que también tiene soporte para la mayoría de los navegadores, lo usaremos para una demostración rápida. Una vez que haya instalado WhatFont, puede verificar qué fuente usa un sitio web activándolo en la barra de herramientas de su navegador y transmitiendo un texto determinado: cuando coloca el cursor sobre el texto, solo verá el nombre de la fuente. Sin embargo, al hacer clic en el nombre, le mostrará una ventana emergente extendida con más detalles, como tamaño, peso, color y altura de la línea. También puede identificar si un tipo de caracteres está disponible a través de Typekit o Google Fonts.
Después de haber terminado de verificar los detalles de la fuente, puede salir de la herramienta utilizando el botón Salir en la esquina superior derecha de la ventana del navegador. 3. Detectar las fuentes en las imágenes, en última instancia, también puede intentar ver las fuentes utilizadas en las imágenes. Esto incluye tipos de caracteres que ha visto en logotipos o infografías. Desde nuestra experiencia con detectores de fuentes, WhattheFont es la herramienta en línea más efectiva para este trabajo. Para usar WhattheFont, deberá cargar la imagen en cuestión y seleccionar la sección de fuente relevante:
Luego devolverá una página de resultados con varias fuentes similares, si no coincidencias exactas, con la que está tratando de identificar:

Su tasa de éxito aquí puede variar según la fuente de fuente y la popularidad. Si el nombre exacto de la fuente es extremadamente importante para usted, puede ser difícil encontrar un instrumento que le brinde lo que desea. Sin embargo, si está abierto a usar una fuente similar a la que encontró en una imagen, un detector en línea debe encajar muy bien en sus necesidades y las fuentes atractivas pueden mejorar la experiencia de lectura para los visitantes de su sitio web. Esto puede hacer que permanezca en busca de nuevos tipos de caracteres que pueda usar en su sitio o para sus clientes, sin importar por qué desee verificar qué fuente usa un sitio web, hay muchas herramientas que pueden ayudarlo. En esta publicación. discutió tres métodos para ver qué fuente usa un sitio web:
Identifique las fuentes utilizando la herramienta de inspección del navegador.

Encuentre fuentes usando una extensión del navegador como WhatFont.

Detectar fuentes en imágenes usando WhattheFont.
¿Tiene alguna pregunta sobre cómo verificar qué fuente se usa en un sitio web? ¡Cuéntanos en la sección de comentarios a continuación! Imagen de Rudall30 / Shutterstock.com