Modificar la fuente de su front-end con Google Fonts

Modificar la fuente de su front-end con Google Fonts

Vaya al sitio Google Fonts. Aquí tiene la URL de Google Fonts: fonts.google.com Busque la Google Font que desea aplicar a su front-end. Haga clic en una fuente de la lista de resultados para abrir su página.

Haga clic en "Select" al final de la fila para cada grosor de fuente que desee poder utilizar en su front-end. Le recomendamos seleccionar como mínimo los siguientes grosores: • Light • Regular • Bold La lista de los grosores seleccionados se muestra en la barra de la derecha. Una vez seleccionados todos los grosores, seleccione la opción "@import".

A continuación, seleccione esta porción de código y cópiela. Seleccione únicamente la porción de código que comienza por @ y termina por ; No necesita copiar las etiquetas <style> </style>. Diríjase al back-end de su plataforma de alquiler, en el menú Administration - Front-end. Abra la pestaña "Pages".

Haga clic en el icono del builder de cualquier página. No necesitará repetir este procedimiento en cada página, ya que va a modificar la hoja de estilo CSS de manera global. En el builder, haga clic en el icono CSS para editar el CSS de su front-end. Pegue en el editor que se abre la porción de código copiada desde Google Fonts.

Luego añada el siguiente fragmento de código:

body {  
   font-family: "YYY",
sans-serif;
}

En este fragmento de código, reemplace YYY por el nombre de su Google Font (por ejemplo: Montserrat). Verifique la información que ha introducido. Debe obtener el siguiente resultado:

@import url('XXX');
body {
  font-family: "YYY", sans-serif;
}

==> XXX siendo la URL proporcionada en el código copiado desde Google Fonts ==> YYY siendo el nombre de su fuente Google

Una vez verificada la información, haga clic en el botón "Fermer". Una notificación le indicará que su CSS ha sido actualizado. Actualice una página de su front-end y compruebe el cambio de fuente.