Liste de polices personnalisée

L’éditeur de texte de Slides utilise la liste de polices partagée d’Univer pour son sélecteur de familles. Configurez cette liste applicative dans UniverUIPlugin.

Configurer les choix de police

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 est écrit comme famille du segment de texte, label est le texte affiché ou une clé i18n et category permet de regrouper le choix.

Chargez chaque police du navigateur avec @font-face ou une feuille de style. Ajouter un nom à la liste ne télécharge pas la police ; si elle est indisponible, le navigateur utilise une police de remplacement.

Facade API

Après le chargement de la Facade UI, ajoutez des choix à l’exécution avec addFonts :

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

Cette opération met à jour le sélecteur partagé, mais ne charge pas les octets de la police.