Las Fuentes afectan significativamente la percepci n y el dise o Visual de las p ginas web. Una de las formas m s populares y confiables de hacer que su sitio web sea nico y de estilo es usar Fuentes de Google. Esta publicaci n le proporcionar instrucciones detalladas sobre c mo conectar Fuentes de Google a su sitio en la plataforma Tilda.
Inicialmente, es necesario seleccionar las Fuentes adecuadas para su proyecto. Puede elegir una fuente del gran cat logo de Google, que ofrece una variedad de opciones de dise o y estilos. Tambi n puede aprovechar los filtros para buscar un estilo espec fico, como cursiva o negrita.
Despu s de seleccionar la fuente, debe ir a la p gina del cat logo de Fuentes de Google y encontrar la fuente que necesita. En la p gina de fuente, encontrar un bloque de c digo que debe insertar en su sitio. Por lo general, este es el c digo de incrustaci n de CSS que encontrar en la secci n "Fragmento de CSS". Copie este c digo.
Nota: al copiar el c digo, tenga cuidado de no introducir espacios o caracteres adicionales que puedan da ar la visualizaci n correcta de la fuente.
- C mo agregar Fuentes de Google al sitio a trav s de Tilde: instrucciones paso a paso con ejemplos
- Paso 1: Encontrar la fuente adecuada en Google Fonts
- Paso 2: Seleccionar y configurar Fuentes en el sitio web de Google Fonts
- Medida 3: Obtener el c digo de conexi n de fuente
- Paso 4: Insertar c digo en el proyecto en la plataforma Tilda
- Paso 5: Verificar y ver los cambios en el sitio
C mo agregar Fuentes de Google al sitio a trav s de Tilde: instrucciones paso a paso con ejemplos
Si desea agregar Fuentes de Google a su sitio web creado con la plataforma Tilda, puede hacerlo utilizando las siguientes instrucciones.
1. Vaya al sitio web oficial de Google Fonts en fonts.google.com. Aqu puede seleccionar y descargar cualquier fuente proporcionada por Google.
2. Despu s de seleccionar la fuente deseada, haga clic en el bot n "Familia seleccionada". En la ventana que se abre, copie el c digo proporcionado por Google Fonts.
3. Regrese al panel de control de su sitio en Tilde y abra la secci n Configuraci n. En la secci n Fuentes, busque el bot n Conectar Fuentes externas.
4. En la ventana que aparece, pegue el c digo copiado de Fuentes de Google y haga clic en aceptar.
5. Despu s de guardar los cambios, la fuente que elija estar disponible para usar en la secci n Dise o de su sitio. Podr aplicarlo a los t tulos, el texto y otros elementos de su sitio web.
6. Si necesita agregar varias Fuentes, repita los pasos 2 a 5 para cada fuente seleccionada.
Aqu hay un c digo de ejemplo para conectar una fuente de Fuentes de Google a su sitio:
No olvide reemplazar "Font + Name" con el nombre de la fuente que elija. El nombre corto de la fuente se mostrar en el c digo proporcionado por Google Fonts.
Ahora usted sabe c mo agregar Fuentes de Google a su sitio web creado con Tilde. De esta manera, puede mejorar el aspecto de su sitio web y hacerlo m s nico.
Paso 1: Encontrar la fuente adecuada en Google Fonts
- Google Fonts ofrece una gran selecci n de Fuentes gratuitas que puede usar en su proyecto. Para encontrar la fuente adecuada:
- Abra su navegador y vaya al sitio web de Google Fonts.
- Use la b squeda o navegue por las diferentes categor as de Fuentes para encontrar una fuente que se adapte a sus necesidades y al estilo de su proyecto.
- Cuando haya encontrado una fuente adecuada, haga clic en el bot n "Seleccionar familia" para agregarla a su colecci n.
- De forma predeterminada, solo se mostrar el conjunto b sico de caracteres de la fuente. Para agregar conjuntos de caracteres adicionales, haga clic en el bot n "Seleccionar opciones de conjuntos de caracteres" y seleccione los caracteres que desee.
Cuando haya terminado de seleccionar las Fuentes y la configuraci n, despl cese hacia abajo en las p ginas y copie el c digo de conexi n de las Fuentes que se utilizar en los siguientes pasos.
Ahora est listo para ir al paso 2 e instalar las Fuentes seleccionadas en su sitio usando Tilde.
Paso 2: Seleccionar y configurar Fuentes en el sitio web de Google Fonts
- Google Fonts ofrece una amplia selecci n de Fuentes gratuitas que puede usar en su sitio. Para seleccionar y personalizar las Fuentes en su sitio, siga estos pasos::
- Vaya al sitio web de Google Fonts. Abra su navegador y escriba "Google Fonts"en el cuadro de b squeda. Haga clic en el primer enlace para abrir el sitio web oficial de Google Fonts.
- Seleccione las Fuentes. Busque o vea las Fuentes sugeridas en la p gina principal. Haga clic en la fuente para abrir su p gina.
- Personaliza las Fuentes. En la p gina de fuente, puede ajustar varias opciones, como el dise o, el grosor y el Tama o. Cambie estas opciones seg n sus preferencias.
- A adir Fuentes a la colecci n. Para agregar una fuente a su colecci n, haga clic en el bot n "Agregar a colecci n" en la p gina de fuente. Puede agregar m ltiples Fuentes a una colecci n.
Obtenga el c digo para conectar las Fuentes. Vaya a la colecci n haciendo clic en el icono de la papelera en la esquina superior derecha de la p gina. Copie el c digo para conectar las Fuentes que encontrar en Importar Fuentes web.
Una vez que haya seleccionado y configurado las Fuentes en el sitio de Google Fonts, estar listo para pasar al siguiente paso: conectar las Fuentes a su sitio de Tilde.
Paso 3: Obtener el c digo de conexi n de fuente
Despu s de seleccionar las Fuentes necesarias en el sitio de Google Fonts, deber obtener un c digo que le permita conectar estas Fuentes a su sitio de Tilde.
- Siga estas sencillas instrucciones para obtener el c digo:
- En la p gina de selecci n de Fuentes, en "Seleccionar estilos y pesos de fuente", seleccione los estilos que desee y personalice la configuraci n de la fuente.
- Despu s de seleccionar, haga clic en el bot n "Familia seleccionada".
En la secci n c digo Incrustado, copie el c digo de conexi n de fuente proporcionado.
C digo de ejemplo:
Tenga en cuenta que en este c digo debe reemplazar "Font+Name" con el nombre de la fuente que elija. Adem s, si necesita conectar varias Fuentes, puede agregarlas al c digo separando sus nombres con un signo "+".
Ahora tiene el c digo necesario para conectar las Fuentes a su sitio en Tilde.
El siguiente paso es conectar el c digo resultante en la configuraci n de su sitio en Tilde.
Medida 4: Insertar c digo en un proyecto en la plataforma Tilda
- Ahora que tenemos el c digo para conectar las Fuentes de Google, vamos a pegarlo en nuestro proyecto en la plataforma Tilda.
- Abra el sitio de Tilde y seleccione el proyecto al que desea agregar Fuentes de Google.
- Vaya a la pesta a Dise o y seleccione configuraci n del proyecto.
- En la p gina de configuraci n del proyecto, busque la secci n "CSS/JS Personalizado "y haga clic en el bot n"Agregar c digo HTML".
- En la ventana que aparece, pegue el c digo que copi en el paso anterior en el cuadro c digo HTML y haga clic en Aplicar.
Guarde los cambios haciendo clic en el bot n Guardar o Publicar en la esquina superior derecha de la p gina.
Ahora las Fuentes de Google se han conectado con xito a su proyecto en la plataforma Tilda. Puede usarlos en su dise o especificando los estilos apropiados para los elementos deseados.
Paso 5: Verificar y ver los cambios en el sitio
Una vez que haya agregado el c digo para conectar las Fuentes de Google a su sitio en Tilde, debe verificar y ver los cambios.
1. Abra un navegador web y vaya a su sitio en Tilde.
2. Actualice la p gina para descargar todos los cambios.
3. Compruebe que las Fuentes De Google Fonts se cargan en la p gina. Para hacer esto, puede prestar atenci n a los textos que utilizaron las Fuentes seleccionadas. Deben mostrarse con la nueva fuente.
4. Revise todas las p ginas de su sitio para asegurarse de que los cambios se apliquen a todo el sitio y se muestren correctamente en todas las p ginas.
Si observa alg n problema con la visualizaci n de Fuentes u otros elementos en la p gina, aseg rese de agregar el c digo correcto para conectar Fuentes de Google. Es posible que deba volver a verificar el c digo y repetir los pasos anteriores.
Una vez que est seguro de que los cambios se han aplicado y se muestran correctamente en su sitio, ha conectado con xito Fuentes de Google a la Tilde.
Nota: