Lista de fuentes personalizadas

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

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:

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

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