Internet

Ver que Fuentes Tipográficas utiliza una Web en Chrome

Cuando me encuentro navegando en un sitio web, suelo fijarme en cierto aspectos de su diseño, y si este me gusta acabo por implementar algo parecido en algunas de mis webs.

En el caso de las fuentes, un solo sitio web puede utilizar (y seguramente lo haga) más de un tipo de letra, y si quieres saber el nombre de la fuente que utiliza tienes varias formas.

A continuación, vamos a ver dos formas de averiguar que fuentes tipográficas utiliza una web en el navegador Google Chrome.

 

Con una extensión

Como hay extensiones para Chrome que se encargan de casi todo, en el caso de las fuentes, también tenemos unas cuantas. En este post vamos a ver la que utilizo actualmente, WhatFont.

Tras instalarla en nuestro navegador nos aparecerá el icono de la extensión junto a otras extensiones que tengamos.

Al hacer clic en el icono de la extensión se activará y nos permitirá seleccionar una zona de una web donde exista texto para mostrarnos las propiedades de esta.

[alert type=»info» icon-size=»small»]Para volver a desactivar el reconocimiento de las fuentes pulsaremos de nuevo en el icono de la extensión.[/alert]

Como podemos ver en la captura anterior, además de la fuente utilizada nos muestra otra información como el espaciado entre párrafos, color, tamaño y estilo.

 

Sin Extensiones

Otra forma que aunque menos rápida, más compatible con otros navegadores, es la de inspeccionar el elemento de texto que queramos.

Esto se hace de la siguiente forma:

 

 Hacemos clic derecho con el ratón encima del texto que queramos saber que fuente utiliza y seleccionamos la opción Inspeccionar.

 

 Ahora en la sección  de código que se nos ha abierto en el navegador buscamos la fuente.

[alert type=»info» icon-size=»small»]Dependiendo de los conocimientos en HTML y CSS que tengas, puede ser más fácil o difícil encontrar la fuente de esta forma.[/alert]

 

Publicaciones relacionadas

Botón volver arriba