Las Google Fonts se pueden agregar a plantillas de Website, plantillas de Course y plantillas de Landing Page. Aprende a agregar una Google Font a tu página con la plantilla legada, Premier.
Nota: Este artículo se refiere a las Plantillas Legadas de Premier, que pueden estar desactualizadas. Si usas las Plantillas de Kajabi Pages, consulta la guía actualizada aquí.
Nota: Agregar Google Fonts a tu sitio con la plantilla Premier requiere acceso al Editor de código disponible con el Plan Pro. Aprende más sobre nuestros diferentes planes en kajabi.com/pricing.
Aprende a agregar Google Fonts a Kajabi Pages sin acceder al Editor de código.
Paso 1. Haz clic aquí para elegir una Google Font
Encuentra y copia el nombre exacto de la Google Font que deseas usar en tu sitio. Lo necesitarás en un momento. Por ejemplo:
Paso 2. Agrega tu Google Font al código de tu sitio
Ve a tu cuenta de Kajabi y abre el Editor de código para la página donde deseas agregar tu Google Font.
Importante: Agregar código personalizado a tu sitio puede exponerte a vulnerabilidades y posibles ataques de malware. Te recomendamos usar herramientas de detección de vulnerabilidades como VirusTotal o Snyk para escanear cualquier código personalizado que planees usar, y aplicar ciertas mejores prácticas para ayudar a reducir el impacto potencial.
En el Editor de código de tu página:
Abre la carpeta
config.Abre el archivo
settings_schema.json.Localiza
"name": "Typography"cerca de la línea 29:
Nota: Los números de línea pueden ser diferentes según tu configuración actual.
Encuentra los corchetes para ingresar "options" cerca de las líneas 59 y 77:
Agregar tu fuente a Base Font Family la agregará como opción para el texto de párrafo normal en tu sitio.
Agregar tu fuente a Heading Font Family la agregará como opción para el texto de encabezado en tu sitio.
Si deseas agregar tu fuente como opción para todos tus elementos de párrafo y encabezado, asegúrate de completar los siguientes pasos en ambos lugares.
Luego, coloca tu cursor entre los corchetes "options" y agrega llaves que contengan el nombre de tu fuente exactamente como se muestra abajo, reemplazando Name of Google Font con el nombre de la Google Font que elegiste:
{"label": "Name of Google Font", "value": "Name of Google Font"}
Haz clic en Save, luego haz clic en Customize:
Paso 3. Selecciona tu Google Font en el editor de páginas
Haz clic en Settings en el editor lateral izquierdo.
Luego, selecciona Typography.
Elige tu Google Font en los menús desplegables de Heading Font Family y/o Base Font Family (aparecerá en la parte superior de la lista).
Haz clic en Save para aplicar y guardar tus cambios: