Artículos sobre: Editor de páginas

Cómo IMPORTAR FUENTES de Google Fonts en GreatPages

Para importar fuentes de Google Fonts, sigue el paso a paso a continuación:


  1. Entra en https://fonts.google.com/ y elige la fuente que deseas importar;
  2. Accede al editor de páginas;



  1. Haz clic en el ícono de engranaje que está en la esquina superior derecha de la pantalla;



  1. Luego, haz clic en "Javascript y CSS";



  1. Haz clic en "Añadir código" para agregar un nuevo código;



  1. Elige un nombre para tu código, selecciona la opción "Funcionamiento" y agrega en el campo de texto todo el código de abajo;


<link href="LINK DA FONTE" rel="stylesheet">

<style>
.gpc-e .c.e_titulo h1, .gpc-e .c.e_titulo h1 * {font-family: 'NOME DA FONTE', sans-serif;}
</style>


  1. Después de pegar el código en GreatPages, deberás entrar en Google Fonts para buscar el enlace de la fuente y el nombre de la fuente para editar el código;
  2. En Google Fonts, deberás seleccionar la fuente que deseas importar y hacer clic en el botón "Select Thin 100" indicado en la imagen de abajo;



  1. Cuando lo hagas, se abrirá un cuadro al lado de la pantalla con las dos informaciones (indicadas en la imagen de abajo) que deberás copiar y agregar al código pegado en GreatPages;



  1. Tendrás que hacer dos cambios en el código: el primero es modificar donde dice LINK DA FONTE y pegar el enlace indicado en rojo en la imagen de abajo.


El segundo cambio es copiar el nombre de la fuente, indicado en la imagen de abajo, en el lugar del código donde dice NOME DA FONTE. Al final, tu código quedará igual que el ejemplo de abajo;


<link href="https://fonts.googleapis.com/css2?family=Pathway+Extreme:wght@100&display=swap" rel="stylesheet">

<style>

.gpc-e .c.e_titulo h1, .gpc-e .c.e_titulo h1 * {font-family: 'Pathway Extreme', sans-serif;}
</style>


¡Luego haz clic en "Agregar"!


Al importar una fuente a tu página, es importante entender cómo se configurará y visualizará:


  • Configuración inicial: Cuando importas una fuente, inicialmente queda configurada para usarse en los títulos.
  • Visualización: La fuente importada solo puede verse en el modo de vista previa y en la página publicada. En el editor no aparecerá junto con las demás fuentes disponibles.


Fuente vía código: Recuerda que, incluso después de importarla, la fuente no se vuelve "nativa" en la plataforma, ya que está implementada vía código.


¿Te quedó alguna duda? ¡Habla con nuestro equipo en el Chat! Siempre estamos listos para ayudarte

Actualizado el: 07/08/2026

¿Este artículo te resultó útil?

Comparte tu opinión

Cancelar

¡Gracias!