> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalizar la fuente en una página

> Aprende a personalizar tu fuente con la Guía de Estilo para tus páginas estándar del sitio web, páginas independientes y páginas de funnel creadas con el editor de páginas más reciente.

## Descripción general

Personaliza tu fuente con la Guía de Estilo para tus páginas estándar del sitio web, páginas independientes y páginas de funnel creadas con el editor de páginas más reciente.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/8brhcsq11f" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Cambiar tu fuente

Las fuentes juegan un papel importante en la personalidad y el carácter de tu contenido.

Selecciona la fuente que se ajuste a tu marca desde la Guía de Estilo disponible para páginas creadas con el editor de páginas más reciente.

[Aprende a personalizar tus páginas con la Guía de Estilo](./customize-your-page-font-and-style-with-the-style-guide).

En la configuración de Fuente de tu Guía de Estilo, selecciona entre una variedad de Tipos de Fuente, personaliza el Peso de la Fuente y ajusta la Altura de Línea para el Cuerpo del Texto y los Encabezados.

### Para cambiar tus fuentes

* Abre la pestaña **Website** desde el Dashboard.
* Selecciona **Website Pages** o **Landing Pages**.
* Abre el editor de tu Página. [Aprende más](./how-to-get-to-the-page-editor)
* Ve al editor de la barra lateral y abre **Settings**.
* Haz clic en **Style Guide**.
* Desplázate hasta la sección **Fonts** y configura tu configuración de Fuentes:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/o3vkuunju2" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Note>
  **Nota:** ¿Buscas usar Google Fonts o tu archivo de fuente con licencia? [Haz clic aquí](./add-custom-fonts) para aprender a agregar fuentes personalizadas.
</Note>

***

## Personalizar los colores de tu fuente

Personaliza los Colores de Fuente para dar identidad de marca a tu Cuerpo y Encabezados en toda tu página.

Con la [Guía de Estilo](./customize-your-page-font-and-style-with-the-style-guide) disponible con el [Website Builder](./customizing-your-website-pages-with-the-website-builder) y [Kajabi Pages](./pages-explained), puedes personalizar tu fuente para reflejar los colores de tu marca.

<Note>
  **Nota:** ¿Buscas personalizar letras individuales de tu Texto? Aprende a [agregar y personalizar tu Bloque de Texto](./how-to-add-a-text-block-to-your-page#customize-your-text-block).
</Note>

### Para cambiar los colores de fuente del cuerpo y encabezados

* Abre la pestaña **Website** desde el Dashboard.
* Selecciona **Website Pages** o **Landing Pages**.
* Abre el editor de tu Página. [Aprende más](./how-to-get-to-the-page-editor)
* Ve al editor de la barra lateral y abre **Settings**.
* Haz clic en **Style Guide**.
* Allí, desplázate hasta la sección **Font Colors**.
* Haz clic en el círculo de color junto a Body Font Color o Heading Font Color para seleccionar un nuevo color:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/m7cz7l195a" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

Personaliza tus colores haciendo clic en la rueda de color y luego ingresando tu código de color RGB o usando los deslizadores para elegir tu color.

* El **cuadro** te permite ajustar el brillo y la saturación de tu color.
* La **barra horizontal de arcoíris** te permite seleccionar el tono.
* La **barra horizontal de gradiente** te permite seleccionar la opacidad de tu color.

¿Buscas usar Google Fonts o tu archivo de fuente con licencia? [Haz clic aquí](./add-custom-fonts) para aprender a agregar fuentes personalizadas.

***

## Optimizar los tamaños de fuente de escritorio y móvil

Diseña tu página para que se vea genial tanto en dispositivos de escritorio como móviles.

Con las páginas creadas con el [Website Builder](./customizing-your-website-pages-with-the-website-builder) y [Kajabi Pages](./pages-explained), puedes personalizar tus Tamaños de Fuente para una visualización óptima en Escritorio y Móvil.

Esto asegura que, sin importar el tipo de dispositivo que use tu audiencia, tu tipografía se vea exactamente como quieres.

En Kajabi, el tamaño de tu texto se basa en tamaños de encabezado web estándar:

* El Encabezado 1 (h1) generalmente es el más grande y es ideal para títulos.
* El Encabezado 2 (h2) generalmente es el siguiente más grande, y así sucesivamente para los Encabezados 3 (h3), 4 (h4), 5 (h5) y 6 (h6).
* Tu tamaño de "Cuerpo" se refiere al texto de párrafo estándar, como el que estás leyendo ahora mismo. Por defecto, el tamaño de "Cuerpo" es el texto de párrafo o texto pequeño en un [bloque de texto](./how-to-add-a-text-block-to-your-page).

### Para cambiar los tamaños de fuente de encabezado y cuerpo

* Abre la pestaña **Website** desde el Dashboard.
* Selecciona **Website Pages** o **Landing Pages**.
* Abre el editor de tu Página. [Aprende más](./how-to-get-to-the-page-editor)
* Ve al editor de la barra lateral y abre **Settings**.
* Haz clic en **Style Guide**.
* Desplázate hasta el final del editor de la barra lateral y ubica **Desktop Font Sizes** y **Mobile Font Sizes**.
* Haz clic en cada menú desplegable para configurar tus tamaños de fuente. Los tamaños de fuente se listan en píxeles (como los verías en tu programa de procesamiento de texto):

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/images/launchbrightly/desktop-light-version-18-customize-font-sizes-1785428652326.png" alt="5A85E9DC-4BEC-4418-831B-B164FA42B6AC.png" />

<Tip>
  **Consejo:** Personaliza tus tamaños de fuente de Escritorio y Móvil con la Vista Previa correspondiente ubicada en la esquina inferior derecha del Editor de Plantillas.
</Tip>