Elegir la fuente correcta para su sitio web puede ser una tarea desalentadora. Una vez que haya encontrado una fuente que se adapte a su dise o, es posible que desee usarla en su propio sitio. Pero, c mo sabes el nombre de la fuente que se usa en otros sitios? Qu pasa si ves una fuente que te gusta y quieres saber qu tipo de letra es?
En este art culo, veremos una manera f cil de reconocer la fuente utilizada en cualquier sitio web. Todo lo que necesitar s es un columnista y un poco de tiempo. As que vamos a empezar!
La primera forma es usar herramientas para desarrolladores. La mayor a de los navegadores modernos, como Google Chrome o Mozilla Firefox, proporcionan herramientas para desarrolladores que pueden ayudarlo a reconocer la fuente utilizada. Estas herramientas le permiten analizar el c digo fuente de una p gina web y aprender sobre varias opciones, incluidas las Fuentes.
Es importante tener en cuenta que solo se puede reconocer la fuente familiar en un sitio en vivo, en editores y entornos de prueba es imposible reconocer la fuente original.
La segunda forma es usar servicios externos. Hay muchas herramientas en l nea que pueden ayudarlo a reconocer las Fuentes. Simplemente copie el texto que desea analizar, escr balo en el campo correspondiente en el sitio web del Servicio y obtendr la informaci n de la fuente. Algunos de estos servicios tambi n ofrecen extensiones de navegador que le permiten analizar Fuentes directamente en una p gina, sin tener que copiar texto y navegar a otro sitio web.
Ahora que conoce dos formas f ciles de reconocer la fuente utilizada en un sitio web, puede encontrar y usar f cilmente las Fuentes que le gustan. Y no olvide que elegir la fuente correcta puede hacer que su sitio web sea m s atractivo y profesional, as que no tenga miedo de experimentar y encontrar su estilo nico.
- Encuentre la fuente en el sitio: un m todo simple para reconocer la familia de Fuentes utilizada
- Abra el modo inspector
- Encuentra el elemento deseado
(t tulo), o
con una clase o identificador espec fico. Un elemento espec fico puede estar en la p gina varias veces y tener diferentes clases o identificadores. Para encontrar el elemento deseado, puede usar el inspector de elementos del navegador web. Simplemente haga clic con el bot n derecho en el texto que desea investigar y seleccione "Inspeccionar elemento". Esto abrir las herramientas de desarrollo, mostrar el c digo HTML de la p gina y resaltar el elemento seleccionado. Cuando haya encontrado el elemento deseado, examine sus propiedades para encontrar el valor de font family. En las herramientas de desarrollo, en la pesta a "Estilos " o" estilos", busque las reglas para el elemento seleccionado. Busque la propiedad "font-family" y el valor especificado despu s de ella. Esta es y ser la fuente de la familia de la fuente utilizada en el sitio. Para obtener informaci n precisa sobre la fuente, tambi n puede hacer clic en el valor de la familia de Fuentes a la derecha de la propiedad. El cuadro de di logo abierto mostrar las Fuentes disponibles y podr obtener m s informaci n sobre la fuente seleccionada, incluido su nombre, g nero y otras caracter sticas. Tenga en cuenta que el sitio puede aplicar diferentes Fuentes para diferentes elementos o clases, as que aseg rese de investigar el elemento que desea.
Oficio:
Herramientas de desarrollo
1.
Haga clic derecho en el texto que desea explorar.
2.
3.Se abrir n las herramientas de desarrollo y se resaltar el elemento seleccionado en el c digo HTML.
4.
En las propiedades del elemento, busque las reglas para font-family.
5.
Averig e el valor de font-family para el elemento seleccionado.
6.
- (Opcional) Haga clic en el valor font-family a la derecha de la propiedad para obtener m s informaci n.
- Encuentre la fuente en el sitio: un m todo simple para reconocer la familia de Fuentes utilizada
- Los dise adores web a menudo se enfrentan a una situaci n en la que es necesario saber qu tipo de letra se utiliza en un sitio web en particular. Conocer la font family utilizada puede ser til al crear sus propios dise os o al analizar el dise o de otros sitios.
Hay un m todo simple que le permite reconocer la fuente utilizada en el sitio. Para ello, debe utilizar las herramientas del navegador web.
- En primer lugar, debe abrir el sitio deseado en el navegador. A continuaci n, abra las herramientas de desarrollo haciendo clic con el bot n derecho del rat n y seleccionando "Ver c digo de elemento" o "Explorar elemento". Muchos navegadores modernos tienen esta herramienta, como Google Chrome, Mozilla Firefox y Microsoft Edge.
- Despu s de abrir las herramientas de desarrollo, busque el elemento deseado en el sitio, el bloque de texto en el que desea aprender font family font. Por lo general, esto se hace simplemente haciendo clic en un bloque de texto o colocando el cursor del mouse sobre l.
- Cuando el bloque se resalta en las herramientas de desarrollo, ver una gran cantidad de informaci n al respecto, incluidos los estilos CSS que se aplican al elemento seleccionado.
En esta lista de estilos, busque la propiedad "font-family". Mostrar la fuente utilizada en un bloque o elemento espec fico. Por ejemplo:
Texto de ejemplo
Este ejemplo utiliza la fuente Arial, con las alternativas necesarias para la navegaci n cruzada-sans-serif.
( ), . .Si no ve las propiedades font-family, es posible que la fuente est configurada por un archivo CSS externo. En tal caso, busque el enlace al archivo CSS en la secci n "Head" de las herramientas de desarrollo y navegue a trav s de l. En el archivo CSS, puede ver todas las Fuentes utilizadas en el sitio, incluida font family.
Por lo tanto, el uso de herramientas de desarrollo del navegador web hace que sea r pido y f cil de aprender font family fuente en cualquier sitio.
Abra el modo inspector
Para conocer la font family de la fuente utilizada en el sitio, deber abrir el modo inspector.
| Para ello, puede utilizar los siguientes m todos: | Haga clic con el bot n derecho en cualquier parte del sitio y seleccione Inspeccionar elemento. |
|---|---|
| Presione la combinaci n de teclas Ctrl + Shift + I (o Cmd+Option+I en Mac) para abrir la barra de herramientas del desarrollador. | Presione la tecla F12 para abrir las herramientas de desarrollo en muchos navegadores modernos. |
| Despu s de abrir el inspector, ver el c digo HTML y CSS del sitio. Para conocer font family, siga los siguientes pasos: | Seleccione cualquier texto de la p gina cuya fuente desee reconocer. |
| En el panel derecho del inspector, busque la pesta a "estilos" o "Computed" (seg n el navegador). | En la secci n "font-family", ver el nombre de la fuente utilizada para el texto seleccionado. |
| Tenga en cuenta que la secci n "font-family" puede tener varias Fuentes separadas por comas. El navegador usar la primera fuente disponible de la lista. | Usando el inspector, usted ser capaz de identificar f cilmente y r pidamente la fuente de la familia de Fuentes en cualquier sitio. Es una herramienta til para desarrolladores y dise adores web, as como para aquellos que desean aprender m s sobre el dise o web. |
| Encuentra el elemento deseado | Para averiguar la fuente de la familia de la fuente utilizada en el sitio, debe encontrar el elemento en el que se mostrar el texto con la fuente seleccionada. Normalmente es un elemento |
| (p rrafo), | Para encontrar el elemento deseado, puede usar el inspector de elementos del navegador web. Simplemente haga clic con el bot n derecho en el texto que desea investigar y seleccione "Inspeccionar elemento". Esto abrir las herramientas de desarrollo, mostrar el c digo HTML de la p gina y resaltar el elemento seleccionado. |