SitioSimple discontinuado - ¿Cómo cambiar la tipografía con CSS?

Supervisor
Supervisor
  • Actualización

Los cambios que realices desde la edición avanzada pueden modificar el comportamiento y la visualización de la plantilla original de tu sitio. Te sugerimos contactarte con un webmaster de confianza para que te oriente.

  1. Ingresa al creador de SitioSimple, en el menú principal haz clic en la pestaña "Sitio", luego en haz clic en "Diseño" y finalmente presiona el botón que dice "Edición avanzada".



  2. En la nueva pantalla, haz clic en la opción "Habilitar Edición" para abrir el cuadro de texto donde escribirás tu CSS.



  3. En SitioSimple sólo puedes utilizar tipografías que se encuentren en Google Font. Ingresa al sitio y elige la que desees, para seleccionarla haz clic en el enlace que dice "Select this style".



  4. Ahora, haz clic en el icono , que está arriba a la derecha. Se abrirá un recuadro con el código CSS que debes copiar. Para esto, selecciona la opción que dice "Link" y copia el código.



  5. Una vez que hayas copiado el código de la tipografía, por ejemplo:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">

Pegalo en el cuadro de texto del código personalizado de tu sitio. Luego agrega la familia tipográfica a la sección del sitio que quieras modificar desde la edición avanzada, por ejemplo:

body {
font-family: 'Alata', sans-serif;
}
Una vez listo, presiona el botón "Guardar personalización" para aplicar los cambios a tu sitio.
 

¿Fue útil este artículo?

Usuarios a los que les pareció útil: 0 de 0

¿Tiene más preguntas? Enviar una solicitud