Las Fuentes juegan un papel importante en el dise o Visual de los sitios web. Cuando visita un sitio, es posible que se pregunte qu tipo de letra se usa exactamente para Mostrar el texto. La determinaci n de la fuente utilizada puede ser til para los desarrolladores web, dise adores, as como simplemente para los usuarios curiosos.
Hay algunas maneras f ciles de determinar la fuente utilizada en un sitio web. Una es usar las herramientas de desarrollo del navegador web. Estas herramientas le permiten ver el c digo fuente de una p gina web y saber qu tipo de letra se utiliza para un elemento en particular. Por lo general, esta informaci n est disponible en Estilos o inspector de elementos. Puede ver todos los estilos aplicados al elemento seleccionado, incluida la fuente.
Otra forma de determinar la fuente utilizada es utilizar herramientas en l nea que le permitan analizar sitios web y generar informaci n sobre las Fuentes. Algunas de estas herramientas le permiten simplemente ingresar la URL de un sitio y obtener informaci n sobre las Fuentes utilizadas en ese sitio. Otras herramientas le permiten cargar una captura de pantalla de una p gina web e identificar las Fuentes directamente en la imagen.
Independientemente del m todo que elija, es importante tener en cuenta que algunos sitios pueden usar Fuentes no est ndar o especialmente dise adas que pueden no estar disponibles para su uso por otros.
Identificar la fuente utilizada en un sitio puede ser til para una variedad de prop sitos. Por ejemplo, los desarrolladores web pueden querer usar la misma fuente en su propio sitio o adaptarla a otras necesidades. Para los dise adores, puede ser una inspiraci n crear sus propias Fuentes o buscar opciones alternativas. Para los usuarios, esto es solo informaci n interesante sobre el dise o Visual del sitio.
- C mo saber qu tipo de letra se utiliza en su sitio web? Gu a detallada
- Utilice las herramientas de desarrollo
- Ver archivos CSS
- Aproveche los servicios en l nea
C mo saber qu tipo de letra se utiliza en su sitio web? Gu a detallada
Las Fuentes en los sitios web desempe an un papel importante en la creaci n de un dise o Visual nico y en la transmisi n de informaci n en la p gina. Si usted es propietario de un sitio web o desarrollador web, es posible que necesite saber qu tipo de letra se usa en su sitio. En esta gu a, veremos varios m todos para ayudar a determinar la fuente utilizada.
| M todo | Descripci n | Ejemplo |
|---|---|---|
| 1. Uso de herramientas de desarrollador de navegador | Abra su sitio web en un navegador y use las herramientas de desarrollo para averiguar la fuente que est utilizando. | 1. Haga clic derecho en el texto deseado. |
| 2. Seleccione Inspeccionar elemento. | 3. En la pesta a Estilos, busque la propiedad "font-family". |
|
| Revise el c digo HTML de la p gina y busque el elemento correspondiente donde se especifica la fuente utilizada. | Texto de ejemplo | 3. Uso de extensiones de navegador |
Instale una extensi n del navegador que le permita identificar las Fuentes utilizadas en el sitio web.
Ejemplos de extensiones: WhatFont, Font Finder, fontface Ninja.
Al usar cualquiera de estos m todos, podr determinar r pida y f cilmente qu tipo de letra se usa en su sitio. Esta puede ser informaci n til cuando sea necesario realizar cambios en el dise o o mantener un estilo uniforme en la p gina.
Utilice las herramientas de desarrollo
Para abrir las herramientas de desarrollo en Google Chrome, haga clic con el bot n derecho en una p gina web y seleccione Explorar elemento en el men contextual. Esto abrir la barra de herramientas del desarrollador a la derecha o en la parte inferior de la pantalla.
En la barra de herramientas del desarrollador, busque y seleccione el elemento cuyo texto le interese. Despu s de seleccionar un elemento, ver su estructura HTML y los estilos aplicados a l.
En la secci n Estilos de la barra de herramientas del desarrollador, encontrar informaci n sobre los estilos aplicados, incluida la fuente del elemento. Las Fuentes generalmente se especifican utilizando la propiedad "font-family". Si la propiedad "font-family" tiene varios valores, el navegador usar el primer valor disponible.
Con las herramientas de desarrollo, tambi n puede cambiar los estilos de los elementos directamente mientras navega por la p gina. Esto es til si desea verificar qu tipo de letra se ver en su p gina web.
Tenga en cuenta que las herramientas de desarrollo solo le permiten analizar el c digo y los estilos de la p gina web, pero no proporcionan informaci n sobre la fuente utilizada en las im genes.
Con las herramientas de desarrollo, puede determinar f cilmente qu tipo de letra se usa en cualquier sitio web. Esto puede ser til si desea saber qu tipo de letra usa un competidor o simplemente investigar el dise o de diferentes p ginas web.
Ver archivos CSS
Si desea saber qu tipo de letra se usa en un sitio web, puede ver los archivos CSS. Los archivos CSS contienen informaci n sobre los estilos que se aplican a los elementos de una p gina web, incluida la fuente.
Para ver los archivos CSS, debe ir al c digo de la p gina web. Puede hacerlo haciendo clic con el bot n derecho en una p gina web y seleccionando "Ver c digo de p gina" o "Explorar elemento".
Por lo general, las Fuentes en un archivo CSS se definen con la propiedad
font-family
. Busque esta propiedad en el archivo CSS y observe detenidamente su significado. Esta ser la fuente que se utiliza en el sitio.
Aproveche los servicios en l nea
Si no puede identificar la fuente en un sitio web utilizando las herramientas del navegador o a trav s de un Editor de c digo, siempre puede aprovechar los servicios en l nea que ofrecen esta capacidad.
Uno de estos servicios es WhatFontTool. Esta herramienta le permite identificar la fuente utilizada en un sitio web simplemente colocando el cursor sobre el texto deseado. Con WhatFontTool, puede averiguar no solo el nombre de la fuente, sino tambi n su Tama o y color.
Otro Servicio en l nea popular es Typekit. Typekit es una biblioteca de Fuentes ofrecida por Adobe. Permite a los usuarios incrustar diferentes Fuentes en sus sitios web. Si encuentra una fuente que le gusta en un sitio web que usa Typekit, puede usar Typekit para determinar su nombre.