Las Fuentes juegan un papel clave en la creaci n de la apariencia Visual de los sitios web. Las Fuentes nicas y bien elegidas ayudan a darle personalidad y reconocimiento al sitio. Sin embargo, a menudo surge la pregunta: c mo saber qu tipo de letra se usa en una p gina web en particular y d nde se puede descargar?
Hay varias formas de determinar la fuente utilizada en un sitio web. Uno de los m s f ciles es usar las herramientas integradas de los navegadores web. Para ello, puede utilizar La opci n inspector de elementos, Revisi n de c digo o Desarrollador de herramientas. Al hacer clic en el texto deseado, ver la fuente aplicada y sus caracter sticas.
Tambi n hay servicios en l nea que le permiten saber la fuente utilizada. Uno de estos servicios es WhatFontIs. Para usarlo, debe ingresar la URL del sitio o cargar una imagen con texto, y el Servicio mostrar las Fuentes existentes de sus contrapartes m s cercanas. De esta manera, podr identificar f cilmente la fuente utilizada y, si es necesario, encontrarla descargada en Internet.
- C mo saber la fuente del sitio y descargarlo?
- Definici n de la fuente principal
- Comprobaci n de archivos CSS
- An lisis de personalizaci n de estilos
- Uso de herramientas de navegador
- Uso de servicios en l nea
- B squeda de Fuentes en bibliotecas
- P ngase en contacto con el desarrollador web
C mo saber la fuente del sitio y descargarlo?
Si le gust la fuente en alg n sitio y desea usarla en su proyecto, entonces puede averiguar f cilmente qu tipo de fuente se usa en ese sitio:
1. Abra la p gina web con la fuente que le interesa en el navegador Google Chrome.
2. Haga clic derecho en el texto que utiliza esta fuente.
3. En el men contextual que se abre, seleccione Explorar. Se abrir la herramienta de desarrollo de Chrome, donde se resaltar el c digo HTML del elemento que le interesa.
4. En la secci n" estilos "de la herramienta de desarrollo de Chrome, busque el nombre de la fuente en la propiedad" familia de Fuentes". Por lo general, se ver como "font-family: Arial, sans-serif;".
5. Memorice o copie el nombre de la fuente para encontrarla para descargar.
Para descargar una fuente, siga estos pasos::
1. Abra el navegador y busque Fuentes en el motor de b squeda, por ejemplo, "descargar Fuentes".
2. En un sitio con Fuentes, escriba el nombre de la fuente que reconoci anteriormente en el cuadro de b squeda y realice una b squeda.
3. Busque la fuente que necesita y selecci nela para verla.
4. La p gina de vista de fuente generalmente mostrar informaci n sobre la fuente, incluidos los m todos para descargar la fuente.
5. Descargue el archivo de fuente en su computadora.
Ahora tiene informaci n sobre la fuente utilizada en el sitio que le interesa y un archivo de fuente descargado que puede usar en su proyecto.
Definici n de la fuente principal
Si desea saber qu tipo de letra se usa en un sitio en particular y d nde se puede descargar, necesitar una herramienta para analizar el c digo de la p gina web.
Para determinar la fuente principal utilizada en el sitio, debe abrir un navegador web y navegar a la p gina web deseada. A continuaci n, debe abrir las herramientas de desarrollo del navegador. Por lo general, est n disponibles a trav s del elemento Del men herramientas de desarrollo o puede hacer clic con el bot n derecho en la p gina y seleccionar Explorar elemento o Ver el c digo fuente de la p gina.
En las herramientas de desarrollo, debe encontrar el elemento que contiene el texto utilizando la fuente principal del sitio. Puede ser un t tulo, un p rrafo u otro elemento de texto. Haga clic con el bot n derecho en ese elemento y seleccione Explorar o Ver c digo de elemento.
A continuaci n, se abrir la secci n de c digo correspondiente al elemento seleccionado. Por lo general, esta secci n especificar la propiedad "font-family" o "font". El valor de esta propiedad indica la fuente utilizada. Tenga en cuenta que a veces habr varias Fuentes en orden de prioridad.
Si el nombre de la fuente est entre comillas, significa que es una fuente local que est instalada en el equipo del usuario. Si el valor de la propiedad se representa sin comillas, significa que se est utilizando la fuente cargada por la p gina web.
Para descargar una fuente de una p gina web, es posible que deba usar servicios o herramientas para extraer Fuentes. Por ejemplo, puede usar la p gina web "WhatFont" o la herramienta "font Squirrel" para definir y cargar la fuente.
No olvide que algunas Fuentes pueden estar protegidas por derechos de autor, por lo que es posible que necesite un permiso o licencia del propietario de la fuente antes de usar una fuente de una p gina web.
Comprobaci n de archivos CSS
Para saber qu tipo de letra se utiliza en un sitio web, puede comprobar el archivo CSS que define los estilos de p gina. Para ello, siga estos pasos::
- Abra el sitio web con el navegador web que est utilizando.
- Haga clic con el bot n derecho en cualquier elemento de la p gina y seleccione Explorar elemento o Ver c digo de p gina.
- Se abrir el panel del desarrollador con la visualizaci n del c digo HTML y las pesta as.
- Haga clic en la pesta a "Estilos" o "estilos" (el nombre puede variar seg n el navegador).
- En la lista de estilos, busque el archivo CSS con el nombre contenido en el archivo adjunto.
Para descargar este archivo CSS y averiguar qu tipo de fuente est utilizando, siga estos pasos::
- Haga clic derecho en el enlace de archivo CSS en la lista de estilos.
- Seleccione Guardar como o guardar p gina como.
- Seleccione la ubicaci n en su computadora donde desea guardar el archivo.
- Haga Clic En Guardar.
- Abra el archivo guardado con un Editor de texto o un visor de archivos CSS especializado.
- Puede encontrar la fuente que est buscando utilizando la b squeda (generalmente la combinaci n de teclas "Ctrl + F") e ingresando el nombre de la fuente.
Ahora usted sabe c mo comprobar el archivo CSS y averiguar qu tipo de letra se utiliza en el sitio. Si no desea descargar un archivo CSS, tambi n puede usar las herramientas de desarrollo de su navegador para ver los estilos de los elementos de la p gina y determinar la fuente que est utilizando.
An lisis de personalizaci n de estilos
Para saber qu tipo de letra se usa en el sitio, debe analizar la configuraci n de estilos.
1. Abra una p gina web en un navegador.
2. Haga clic con el bot n derecho en el texto que le interesa y seleccione Explorar elemento (en Google Chrome) o Ver c digo de elemento (en Mozilla Firefox).
3. En la secci n de marcado HTML que se abre, busque el elemento de texto correspondiente. Normalmente ser a una etiqueta ,
.4. Compruebe si hay atributos style o class. El atributo style puede especificar configuraciones de estilo, incluida la fuente.
5. Si se especifica una fuente en el atributo style, puede copiar su nombre.
6. Si se especifica una clase de estilo en el atributo class, busque la clase correspondiente en la secci n de estilos o archivo .css del sitio.
7. Analice la configuraci n de estilo para la clase encontrada. Observe la propiedad font-family, que especifica las Fuentes utilizadas para la clase dada.
8. Copie el nombre de la fuente y p guelo en el motor de b squeda para obtener m s detalles y poder descargarlo.
Por lo tanto, el an lisis de configuraci n de estilo le ayudar a saber qu tipo de letra se utiliza en el sitio web y descargarlo si es necesario. Conocer la fuente utilizada le permitir crear un dise o m s consistente y dise ar sitios con una impresi n Visual adecuada.
Uso de herramientas de navegador
Aqu es c mo hacerlo en Google Chrome:
- Abra el sitio web cuya fuente le interesa en Google Chrome.
- Haga clic con el bot n derecho en el texto de la p gina web y seleccione Explorar elemento en el men emergente.
- En la parte inferior de la pantalla, se abrir la barra de herramientas del desarrollador, donde se mostrar n el c digo y los estilos de p gina.
- Busque en el c digo el elemento con el texto cuya fuente le interese y selecci nelo.
- En el panel derecho del desarrollador, en la secci n Estilos, ver informaci n sobre los estilos aplicados, incluida la fuente.
Adem s, algunos navegadores le permiten ver las Fuentes utilizadas en la p gina haciendo clic con el bot n derecho del rat n sobre el texto y seleccionando la opci n "Inspeccionar elemento"en el men contextual. Los navegadores Firefox y Safari ofrecen caracter sticas similares.
Una vez que haya aprendido el nombre y el tipo de fuente, puede descargarlo a trav s de diferentes servicios que ofrecen Fuentes gratuitas o de pago.
Tenga en cuenta que la fuente utilizada en la p gina web puede tener licencia y uso limitado. Verifique la licencia de la fuente antes de descargarla y usarla en su sitio.
Uso de servicios en l nea
Si no est familiarizado con los programas de determinaci n de Fuentes o prefiere usar aplicaciones web, existen servicios en l nea que lo ayudan a encontrar informaci n sobre Fuentes en una p gina web y le brindan la opci n de descargarlas.
- WhatFont: Esta es una extensi n para los navegadores Chrome y Safari que le permite conocer la fuente, el Tama o y el color del texto en cualquier sitio. Para utilizar esta herramienta, instale la extensi n en su navegador, pase el rat n sobre el texto y haga clic en l para obtener informaci n sobre la fuente.
- Identifont: Es una herramienta en l nea que le permite encontrar Fuentes por su apariencia. Puede cargar una imagen con texto o ingresar una descripci n de la fuente, como el n mero de caracteres, la forma de las letras, etc. Identifont le ofrecer varias opciones de fuente que pueden adaptarse a sus opciones.
- WhatTheFont: Este es otro Servicio en l nea conveniente para la definici n de Fuentes. Puede cargar una imagen con texto o proporcionar una URL de p gina web para que la herramienta reconozca las Fuentes en la imagen o en el sitio. A continuaci n, obtendr la informaci n de la fuente y un enlace para descargarla.
Al utilizar dichos servicios en l nea, puede identificar f cilmente las Fuentes en las p ginas web y encontrar una manera de descargarlas. Esto es til si desea utilizar la misma fuente en su sitio o simplemente est interesado en el dise o y la tipograf a.
B squeda de Fuentes en bibliotecas
Si est buscando nuevas Fuentes para su sitio, buscar en varias bibliotecas de Fuentes puede ayudarlo. Hay muchas colecciones gratuitas y de pago en Internet, donde puede encontrar Fuentes de diferentes estilos y direcciones.
Una de las bibliotecas de Fuentes populares es Google Fonts. Ofrece una gran selecci n de Fuentes gratuitas que puede usar en su sitio web. La ventaja de Google Fonts es que las Fuentes se alojan en los servidores de Google, lo que permite que sus p ginas se carguen r pidamente. Para elegir una fuente, debe ir al sitio web de Google Fonts y elegir la fuente que m s le convenga de las categor as presentadas. A continuaci n, puede conectar la fuente seleccionada a su sitio siguiendo las instrucciones del sitio.
Otra biblioteca de Fuentes conocida es Adobe Fonts (anteriormente Typekit). Ofrece una gran selecci n de Fuentes de diferentes estilos y direcciones. Las Fuentes de Adobe Fonts est n disponibles de pago, pero tiene la opci n de probarlas en su sitio de forma gratuita durante 30 d as. Para encontrar y conectar una fuente de Adobe Fonts a su sitio, debe registrarse en su sitio y seguir las instrucciones.
Si desea encontrar a n m s Fuentes, puede consultar otras bibliotecas populares como Font Squirrel, Dafont y MyFonts. Tambi n ofrecen una amplia selecci n de Fuentes gratuitas y de pago de diferentes estilos.
Encontrar Fuentes en las bibliotecas es una excelente manera de actualizar el dise o de su sitio y agregar personalidad. Al elegir una fuente, preste atenci n a su legibilidad y la correspondencia con su contenido. Elija Fuentes que enfaticen el estilo y el estado de nimo de su sitio web.
P ngase en contacto con el desarrollador web
Si no puede identificar la fuente utilizada en el sitio y no puede encontrarla para descargarla, se recomienda ponerse en contacto con el desarrollador web responsable de crear y mantener el sitio. El desarrollador web podr proporcionarle la informaci n necesaria sobre la fuente y ayudarlo a encontrarla.
Opciones para ponerse en contacto con el desarrollador web:
- Si usted es un cliente o usuario del sitio, puede ponerse en contacto con el equipo de soporte o el administrador del sitio. Es posible que le proporcionen los datos de contacto del desarrollador web o que se dirijan a l con su pregunta.
- Si no es un cliente o usuario del sitio, puede intentar encontrar la informaci n del desarrollador web en el sitio. Por lo general, la informaci n de contacto del equipo de desarrollo se muestra en el s tano del sitio o en la p gina "Acerca de nosotros".
- Adem s, puede utilizar varios servicios en l nea y herramientas para el an lisis de Fuentes en el sitio. Necesitar la URL del sitio y las herramientas proporcionar n informaci n sobre las Fuentes utilizadas, incluidos t tulos, enlaces de descarga y otros detalles.
Al ponerse en contacto con el desarrollador web, obtendr la informaci n correcta sobre la fuente utilizada en el sitio e incluso puede encontrarla para descargar.