Las Fuentes juegan un papel importante en el dise o de los sitios web, y pueden afectar significativamente su apariencia y percepci n. Los dise adores y desarrolladores web buscan constantemente nuevas formas de usar Fuentes para hacer que sus dise os sean nicos y sobresalientes.
Una de las formas m s populares de agregar nuevas Fuentes a sitios web es usar el Servicio Google Fonts. Este Servicio ofrece una amplia selecci n de Fuentes gratuitas y de pago que se pueden agregar f cilmente a su sitio web.
Tilda es una plataforma de creaci n de sitios web en la que puede personalizar f cilmente el dise o y la apariencia de un sitio web, incluidas las Fuentes. En este art culo, le diremos c mo agregar una fuente de Google a Tilda con instrucciones simples.
Cada fuente en Google Fonts tiene su propio c digo nico que debe copiarse y pegarse en Tilda para agregar la fuente a su sitio.
Descargar e instalar nuevas Fuentes de Google Fonts en Tilda har que su sitio sea nico y atractivo para los visitantes.
- C mo puedo personalizar la fuente de Google a Tilda?
- Paso 1. Selecci n de Fuentes en Google Fonts
- Paso 2. Obtener el c digo de fuente
- Paso 3. Agregar c digo de fuente a Tilda
- Paso 4. Aplicar la fuente a los elementos en Tilda
C mo puedo personalizar la fuente de Google a Tilda?
Tilda ofrece la posibilidad de utilizar Fuentes con Google, lo que le permite darle vida al dise o de su sitio web. Para configurar una fuente de Google a Tilda, necesitar los siguientes pasos:
Medida 1: Seleccione una fuente en el sitio web de Google Fonts. Busque la fuente que desee y haga clic en el bot n "seleccionar esta Fuente".
Paso 2: en la ventana que aparece, seleccione las opciones de fuente deseadas, por ejemplo, tipograf a (Regular, Bold, Italic, etc.), Tama o y haga clic en el bot n "Embed".
Paso 3: Copie el c digo HTML que aparecer en la parte inferior de la ventana. Por lo general, son unas pocas l neas de c digo que comienzan con una etiqueta o .
Paso 4: Inicie sesi n en el Editor del sitio de Tilda y abra la p gina en la que desea cambiar la fuente.
Paso 5: Pegue el c digo HTML copiado en la configuraci n de fuente de Tilda. Para hacer esto, haga clic en el elemento cuyo texto desea cambiar, seleccione el icono "TSH" (Tipograf a) en la barra de herramientas y pegue el c digo copiado en el campo "CSS/HTML Externo".
Paso 6: Guarde los cambios y verifique los resultados. Ahora, la fuente de su sitio utilizar la fuente que elija con Google Fonts.
Nota: Aseg rese de que la fuente que especifique est disponible para descargar de Google Fonts y que se muestre correctamente en su sitio.
Ahora sabe c mo personalizar la fuente de Google a Tilda y darle a su sitio un aspecto nico!
Paso 1. Selecci n de Fuentes en Google Fonts
Para elegir una fuente, navegue por el cat logo de Fuentes en Google Fonts y encuentre la que mejor se adapte a su dise o y contenido en Tilda. Puede usar varias opciones de filtrado como grosor, inclinaci n, categor a, etc. para refinar los resultados de b squeda.
Cuando haya seleccionado una fuente adecuada, haga clic en ella para abrir la p gina de fuente. Aqu encontrar varias opciones y ejemplos de uso de la fuente, as como informaci n sobre ella.
Para agregar una fuente a Tilda, necesitar dos valores: "link"y" font-family". "Link "es el c digo que deber agregar a su c digo HTML en Tilda, y" font-family " es el nombre de la fuente que usar en las reglas CSS para definir el estilo de fuente.
Paso 2. Obtener el c digo de fuente
Despu s de seleccionar la fuente deseada en Google Fonts, debe obtener un c digo que le permitir a adirlo a su sitio en Tilda. Para ello, siga las instrucciones:
- Haga clic en la fuente que elija en la p gina de Fuentes de Google.
- En la p gina que se abre, haga clic en el bot n "seleccionar esta Fuente".
- En el men desplegable, haga clic en la pesta a "personalizar".
- Personalice las opciones de fuente como desee, cambiando el Tama o, el grosor, el dise o y otras opciones.
- Debajo de las opciones seleccionadas, aparecer un c digo que deber insertar en el dise o de su sitio en Tilda.
Tenga en cuenta que Google Fonts sugiere usar primero el m todo est ndar para conectar Fuentes con c digo CSS. Sin embargo, necesitar el c digo de fuente web, que se puede encontrar en la pesta a "Embed".
Copie el c digo resultante y contin e con el siguiente paso para agregar la fuente a Tilda.
Paso 3. Agregar c digo de fuente a Tilda
Una vez que haya recibido el c digo de fuente con Google Fonts, debe agregarlo a su sitio en Tilda. Para hacerlo, siga estos pasos::
1. Ingrese al Editor de Tilda. Abra un proyecto o cree un nuevo proyecto en el que desee utilizar la nueva fuente.
2. Haga clic en el bloque en el que desea utilizar la nueva fuente. Deber actualizar la configuraci n de este bloque para agregar el c digo de fuente.
3. Seleccione la opci n "Configuraci n". Se encuentra en la esquina superior derecha del bloque.
4. Haga clic en la pesta a C digo. Se encuentra entre las opciones de configuraci n de bloque disponibles.
5. Pegue el c digo de fuente en el campo estilos CSS Personalizados. Pegue el c digo copiado en este campo. Aseg rese de que el c digo se copie correctamente y que no contenga ning n error.
6. Haga clic en el bot n "Guardar". Su nueva fuente se aplicar a un bloque en su sitio en Tilda.
Puede repetir este paso para otros bloques en su sitio web a los que desea aplicar esta fuente.
Ahora ha agregado con xito una fuente de Google a Tilda y puede usarla en su sitio. Recuerde guardar los cambios antes de publicar su sitio web.
Paso 4. Aplicar la fuente a los elementos en Tilda
Una vez que haya agregado con xito la fuente en Tilda, puede aplicarla a varios elementos en su sitio. Necesitar s algunas reglas CSS para hacer esto.
Pasos para aplicar la fuente a los elementos en Tilda:
| 1. | Abra el Editor de contenido de la p gina en Tilda. |
| 2. | Seleccione el elemento al que desea aplicar la fuente. |
| 3. | En el panel derecho de configuraci n del elemento, busque la secci n "Estilos " o"CSS". |
| 4. | Agregue el siguiente c digo CSS al campo correspondiente: |
font-family: "Nombre de fuente", sans-serif;