# Lista de fuentes personalizadas

- Human documentation: [https://docs.univer.ai/es-ES/guides/slides/ui/fonts](https://docs.univer.ai/es-ES/guides/slides/ui/fonts)

- Agent Markdown: [https://docs.univer.ai/es-ES/guides/slides/ui/fonts.md](https://docs.univer.ai/es-ES/guides/slides/ui/fonts.md)

- Requested language: `es-ES`

- Content language: `es-ES`

- Documentation version: `1.2.0`

- Source: [slides/ui/fonts.es-ES.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/slides/ui/fonts.es-ES.mdx)

---

El editor de texto de Slides utiliza la lista de fuentes compartida de Univer para su selector de familias. Configura esta lista de aplicación en `UniverUIPlugin`.

## Configurar las opciones de fuente

```ts
import { UniverUIPlugin } from '@univerjs/ui'

univer.registerPlugin(UniverUIPlugin, {
  container: 'app',
  customFontFamily: {
    list: [
      { value: 'Inter', label: 'Inter', category: 'sans-serif' },
      { value: 'Noto Serif', label: 'Noto Serif', category: 'serif' },
    ],
    override: false,
  },
})
```

`value` se escribe como familia del fragmento de texto, `label` es el texto visible o una clave de i18n y `category` permite agrupar la opción.

Carga cada fuente del navegador mediante `@font-face` o una hoja de estilos. Añadir un nombre a la lista no descarga la fuente; si no está disponible, el navegador usa una alternativa.

## API de Facade

Después de cargar la Facade de UI, añade opciones durante la ejecución con `addFonts`:

```ts
univerAPI.addFonts([
  { value: 'Inter', label: 'Inter', category: 'sans-serif' },
])
```

Esto actualiza el selector compartido, pero no carga los bytes de la fuente.