Google Fonts es un Servicio gratuito de Google que ofrece una amplia selecci n de Fuentes para p ginas web. El uso de Fuentes nicas puede mejorar significativamente la apariencia y el estilo de su sitio web. En este art culo, veremos c mo agregar Fuentes de Google a un sitio creado en la plataforma Tilda.
Agregar Fuentes de Google a su sitio en Tilda es muy f cil. Solo necesitar s unos pocos pasos para configurarlo.
- Vaya al sitio web de Google Fonts y seleccione la fuente que desee a trav s de la b squeda o por categor a.
- Despu s de seleccionar la fuente, haga clic en el bot n "Seleccionar esta fuente".
- En la p gina que aparece, seleccione las opciones de personalizaci n de fuente que desee, como el dise o, el estilo, el Tama o, etc.
- Copie el c digo proporcionado en la p gina (generalmente el c digo CSS).
- Inicie sesi n en el Editor de su sitio en Tilda y vaya a la p gina donde desea usar la nueva fuente.
- Abra un bloque de texto o agregue un nuevo bloque de texto a la p gina.
- En la configuraci n del bloque, haga clic en la pesta a Dise o y busque el campo CSS ID.
- En este campo, pegue el c digo de fuente copiado anteriormente.
Tenga en cuenta que algunas configuraciones de Fuentes de Google Fonts pueden no ser compatibles con la plataforma Tilda, por lo que es una buena idea verificar los resultados de la configuraci n en la p gina real del sitio despu s de agregar la fuente.
Ahora sabe c mo agregar Google Fonts a su sitio en Tilda. Use esta gu a para darle a su sitio un toque nico y personal con la variedad de Fuentes proporcionadas por Google Fonts.
- Instalaci n de Tilda en su sitio web
- Buscar y seleccionar la fuente adecuada en Google Fonts
- Obtener el c digo de fuente
- Insertar c digo de fuente en el sitio en Tilda.
- Comprobar y aplicar una nueva fuente
Instalaci n de Tilda en su sitio web
1. Reg strese en el sitio web de Tilda y cree su cuenta.
2. Despu s de registrarse e iniciar sesi n, se le pedir que cree un nuevo proyecto. Haga clic en el bot n "Crear proyecto" y escriba el nombre del proyecto.
3. Elija un dise o para su proyecto de la biblioteca de plantillas de Tilda. Puede elegir entre una variedad de plantillas prefabricadas o crear su propio dise o.
4. Adapte la plantilla seleccionada a sus necesidades con el Editor integrado de Tilda. Agregue y edite bloques, im genes, textos y otros elementos de dise o.
5. Una vez finalizado, haga clic en el bot n "Publicar" en la esquina superior derecha del Editor. Se le pedir que elija una opci n de alojamiento de sitio de pago o gratuito.
6. Si elige la opci n gratuita, su sitio web se alojar en un subdominio Tilda que tendr el siguiente aspecto: yourprojectname.tilda.ws. Si elige la opci n de pago, podr usar su propio dominio.
en cada p gina de su sitio web.
8. Despu s de instalar el script Tilda en su sitio, todos los cambios que realice en su proyecto en Tilda se mostrar n autom ticamente en su sitio. Ya no necesita actualizar manualmente el contenido de su sitio web.
| Beneficios de instalar Tilda en su sitio web: |
|---|
| 1. Facilidad de uso y edici n del sitio con el Editor integrado de Tilda. |
| 2. Capaz de hacer r pida y f cilmente cambios en su sitio web sin tener que ponerse en contacto con el desarrollador o conocimientos de programaci n. |
| 3. Posibilidad de utilizar el mismo sistema de gesti n de contenido para varios sitios y proyectos. |
| 4. Optimizaci n autom tica del contenido del sitio para diferentes dispositivos y pantallas. |
| 5. Diferentes opciones para alojar un sitio en un subdominio Tilda o su propio dominio. |
Buscar y seleccionar la fuente adecuada en Google Fonts
Google Fonts ofrece una gran biblioteca de Fuentes gratuitas para usar en su sitio. Para encontrar la fuente adecuada, debe seguir estos pasos::
1. Vaya al sitio web de Google Fonts
Abra su navegador web y siga el enlace https://fonts.google.com / para abrir Google Fonts.
2. Insp rate y elige la fuente
Navegue por la biblioteca de Fuentes y elija la que se adapte a su dise o. Puede utilizar la b squeda para buscar r pidamente una fuente espec fica o filtros para ajustar los par metros de b squeda.
3. Vea la demostraci n
Despu s de seleccionar una fuente, haga clic en ella para abrir la informaci n detallada y ver una demostraci n de la fuente. Esto le permitir ver c mo se ve la fuente en diferentes tama os y con diferentes formatos.
4. Ajustar la configuraci n de fuente
Si es necesario, puede ajustar varias opciones de fuente, como grosor, inclinaci n y tama os de caracteres.
5. Obtenga el c digo de fuente
Despu s de seleccionar y ajustar la fuente, haga clic en la pesta a "Incrustar" para obtener el c digo necesario para agregar la fuente a su sitio.
6. Copie y pegue el c digo en su sitio
Copie el c digo proporcionado y p guelo en las ubicaciones deseadas de su sitio web. Esto generalmente se hace en la parte del c digo responsable de cargar los estilos.
Tenga en cuenta que el uso de Google Fonts en el sitio de Tilda requiere algunos pasos adicionales. Para obtener m s informaci n sobre c mo agregar Fuentes de Google a un sitio en Tilda, consulte la secci n correspondiente del art culo.
Obtener el c digo de fuente
Para agregar una fuente de Google Fonts a su sitio en Tilda, debe obtener el c digo de fuente correspondiente. Para ello, siga las instrucciones:
- Abra el sitio web de Google Fonts en su navegador.
- Use la b squeda o los filtros para encontrar la fuente adecuada para su sitio.
- Seleccione la fuente que desee y haga clic en el bot n "Seleccionar esta fuente".
- En la p gina de la fuente seleccionada, ver varias configuraciones y opciones de uso de la fuente.
- Personalice la fuente con las opciones disponibles, como tipograf a, saturaci n y acoplamientos.
- Cuando est satisfecho con la configuraci n seleccionada, despl cese hacia abajo para ver el c digo de fuente.
- Copie el c digo de fuente proporcionado.
Ahora est listo para agregar el c digo de fuente copiado a su sitio en Tilda y usarlo para decorar texto y t tulos. Disfruta trabajando con la nueva fuente en tu sitio web!
Insertar c digo de fuente en el sitio en Tilda.
Para agregar una fuente de Google Fonts a un sitio en Tilda, debe seguir algunos pasos simples:
- Vaya al sitio web de Google Fonts (https://fonts.google.com/)
- Seleccione la fuente que le interesa haciendo clic en el bot n "Select this font"
- En la p gina que se abre, se le ofrecer n varias opciones para conectar la fuente a su sitio. Seleccione la pesta a "Embed"
- Copie el c digo que se encuentra en el campo "est ndar"
- En el panel de administraci n de Tilda, abra el Editor de configuraci n de su sitio
- Haga clic en la pesta a Dise o
- En" configuraci n Avanzada", busque el campo "HTML Head"
- Pegue el c digo de fuente copiado en este campo
- Haga clic en el bot n "Guardar y publicar"
Despu s de completar todos estos pasos, Google Fonts se agregar a su sitio en Tilda y estar disponible para su uso en el dise o del texto en las p ginas del sitio.
Comprobar y aplicar una nueva fuente
Una vez que haya agregado la fuente seleccionada con Google Fonts a su sitio en Tilda, debe asegurarse de que funcione correctamente y se vea en cada p gina. Para hacer esto, debe aplicar la fuente a los elementos relevantes en el sitio.
Antes de aplicar la fuente, se recomienda comprobar su disponibilidad y descarga en su sitio web. Puede usar las herramientas de desarrollo del navegador para ver qu tipo de letra se usa para los diferentes elementos de la p gina.
Una vez que se haya Asegurado de que la fuente se haya agregado y cargado correctamente, puede comenzar a aplicarla a los elementos deseados en el sitio, como encabezados, bloques de texto y enlaces.
Para aplicar una fuente a un bloque de texto en Tilda, debe abrir la p gina correspondiente en el Editor de Tilda, seleccionar un bloque de texto y, en la configuraci n del bloque, seleccionar la fuente deseada de la lista de Fuentes disponibles. Despu s de seleccionar la fuente, aplique los cambios y vaya al modo de vista previa del sitio para asegurarse de que la fuente se aplique correctamente al texto.
Tambi n, puede aplicar la fuente a los t tulos y enlaces en su sitio. Para hacer esto, es posible que deba agregar estilos CSS adicionales para cambiar la fuente de esos elementos. Puede usar las herramientas integradas de Tilda para agregar estilos CSS, o modificar el c digo de bloque HTML para agregar estilos personalizados.
Despu s de aplicar la nueva fuente a los elementos deseados, aseg rese de guardar los cambios y comprobar c mo aparecen en el sitio en la vista previa. Si es necesario, realice ajustes adicionales para lograr el aspecto deseado del texto con la nueva fuente.