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

# Personaliza la tipografía y los estilos de texto

> Personaliza ajustes de tipografía como la fuente, el tamaño y el espaciado para mejorar la legibilidad y mantener un diseño coherente.

La sección Typography controla el aspecto de tu texto: la fuente, el tamaño, el espaciado, la alineación y mucho más.

Puedes usar estos ajustes para adaptar el texto al estilo de tu marca y mejorar la legibilidad.

***

## Dónde encontrarlo

1. Selecciona un elemento de texto (un título, un párrafo, el texto de un botón, etc.)
2. Ve al **panel derecho**
3. Abre la sección **Typography**

***

## Ajustes de tipografía

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/Cnvtc1TpBSCIUd3d/images/image-14.png?fit=max&auto=format&n=Cnvtc1TpBSCIUd3d&q=85&s=50f5b50269a6751f8d50fb820d9ae6df" alt="Image" width="282" height="472" data-path="images/image-14.png" />
</Frame>

### Font

* Elige la familia tipográfica

### Weight

* Controla el grosor del texto
* Las opciones van de fino a negrita

### Color

* Define el color del texto
* Puedes usar el selector de color o valores RGB

### Size

* Controla el tamaño del texto
* Normalmente en píxeles (px)

### Align

* Alinea el texto:
  * A la izquierda
  * Al centro
  * A la derecha

### Line Height

* Controla el espacio entre líneas de texto
* Ayuda a mejorar la legibilidad

### Letter Spacing

* Controla el espacio entre letras
* Útil en títulos o textos con intención más estilística

### Decoration

* Añade estilos al texto:
  * Subrayado
  * Tachado
  * Ninguno

### Case

* Controla el formato del texto:
  * Mayúsculas
  * Minúsculas
  * Primera letra en mayúscula

***

## Nota importante (herencia)

Los ajustes de tipografía siguen una estructura de **padre → hijo**:

* Si aplicas una fuente a un **elemento padre (como una sección o un contenedor)**
* Todos los elementos hijos que haya dentro **heredarán esa fuente automáticamente**

👉 Esto solo ocurre si los elementos hijos **no tienen su propia fuente definida**

### Ejemplo

* Defines la fuente de una sección → *Inter*
* Todo el texto de dentro usa *Inter*

Si cambias un bloque de texto a otra fuente →<br />👉 Solo ese bloque será distinto

***

## Buenas prácticas

* Define las fuentes en los contenedores padre para mantener la coherencia
* Cambia la fuente de un elemento concreto solo cuando haga falta
* Usa tamaños grandes para los titulares
* Mantén el texto del cuerpo legible
* Evita usar demasiados estilos tipográficos
