Aller au contenu
+

Utilisation

Un processus pratique pour les contours de texte, la création SVG, l’édition de polices, les sous-ensembles, la conversion et les packages web.

1. Importer des polices

  • Glissez-déposez un fichier de police dans la fenêtre principale.
  • Ou utilisez File -> Import Font File (fichier → importer un fichier de police).
  • Formats d’importation pour parcourir les glyphes : ttf / otf / woff / woff2 / ttc / otc.
  • Pour les collections ttc / otc, choisissez une face à prévisualiser et à sous-ensembler.
  • Chaque importation remplace les données de la session actuelle : aucune fusion de plusieurs polices dans une même session.

2. Parcourir et filtrer les glyphes

  • Filtrez par blocs Unicode dans la barre latérale gauche : latin de base, CJK, emoji, etc.
  • Recherchez par nom de glyphe ou texte Unicode.
  • Raccourcis de sélection :
    • Command + Click : sélection multiple non contiguë
    • Shift + Click : sélection d’une plage
    • Command + A : tout sélectionner
    • Delete : retirer les glyphes sélectionnés du jeu de données actuel
    • Space : aperçu du glyphe sélectionné

3. Examiner les métadonnées

L’inspecteur de droite comporte trois onglets :

  • Font : métadonnées de police, résumé OpenType de mise en page/écritures/fonctionnalités et détection des polices variables.
  • Selection : données du glyphe, notamment Unicode, entité HTML, notation CSS/Swift, encodages UTF et métriques.
  • Export : export de glyphes, texte en SVG, sous-ensembles et packages web.

4. Convertir du texte en contours SVG

Après avoir chargé une police, ouvrez Text to SVG depuis l’onglet Export.

  • Saisissez des mots, phrases ou textes multilignes.
  • Réglez la taille, tous les axes variables disponibles, l’espacement, la hauteur de ligne, la largeur de retour à la ligne, l’alignement, les marges intérieures et la couleur.
  • Les glyphes couleur vectoriels pris en charge conservent leurs couleurs, les glyphes couleur bitmap sont intégrés en PNG, et la couleur de remplissage s’applique aux dessins monochromes.
  • Désactivez les polices de substitution pour rester fidèle à la police chargée.
  • Copiez le SVG dans le presse-papiers ou enregistrez-le dans un fichier .svg autonome.
  • Le SVG exporté contient des contours : la police n’a pas besoin d’être installée là où il est utilisé.

5. Créer des polices à partir de SVG

Ouvrez Font Builder depuis le menu de l’application.

  • Déposez des SVG vectorisés pour créer une police.
  • Attribuez les noms de glyphes et les valeurs Unicode.
  • Importez une police source TrueType statique pour ajouter des glyphes ou remplacer des glyphes Unicode existants.
  • Utilisez Browse Glyphs pour choisir les cibles de remplacement.
  • Téléchargez un modèle SVG avec repères de ligne de base et de limites avant de dessiner.
  • Exécutez Preflight Check avant l’exportation.
  • Exportez en TTF, WOFF, WOFF2, ou en package web complet avec CSS, HTML de démonstration et metadata.json.

Font Builder attend des dessins SVG statiques vectorisés. Convertissez le texte en contours avant l’importation. Le texte SVG éditable, les images matricielles, les masques, les filtres, le découpage, les scripts, l’animation et les ressources externes sont refusés plutôt que modifiés silencieusement.

6. Enregistrer et rouvrir les projets de création de polices

Utilisez .webfontproject pour reprendre un travail Font Builder plus tard.

  • Les projets conservent les glyphes SVG, paramètres de génération, options de sortie, cibles de remplacement et données intégrées de la police source lorsqu’elle est utilisée.
  • L’ouverture restaure l’ensemble de glyphes et les données de police source depuis le package.
  • Les cibles de remplacement configurées sont restaurées à partir des données de police source enregistrées.

7. Exporter des glyphes (SVG / PNG / PDF)

  • L’exportation fonctionne pour un glyphe ou une sélection multiple par lot.
  • La boîte de dialogue propose des réglages de taille et de couleur.
  • Les noms des fichiers reposent sur les noms des glyphes avec un suffixe de taille.

8. Générer des sous-ensembles

Mode de source

  • Current Selection : utilisez directement les glyphes sélectionnés.
  • Text Input : collez du texte ou importez un .txt, puis recherchez les caractères disponibles dans la police chargée.

Formats de sortie

  • Choisissez toute combinaison de WOFF2, WOFF et TTF / OTF (original outlines).
  • Pour les polices variables, la section Variable Font du panneau Export conserve tous les axes ou applique une instance statique aux sorties de sous-ensemble et de package web.

Réglages OpenType

  • Politique de mise en page :
    • Conserver toutes les fonctionnalités
    • Garder uniquement le positionnement essentiel
    • Supprimer toutes les tables de mise en page
  • Filtre des balises de fonctionnalités :
    • Garder uniquement les balises sélectionnées
    • Supprimer les balises sélectionnées
    • Ou désactiver le filtrage et conserver toutes les balises disponibles

Validation et aperçu

  • Subset Preview affiche le nombre de glyphes, la taille estimée et le nombre de caractères manquants.
  • La validation précède l’écriture des fichiers : décodage, tables requises, couverture cmap et avertissements ou erreurs associés.

9. Générer un package web

Generate Web Package crée :

  • fonts/ avec WOFF2 + WOFF
  • Un fichier CSS avec @font-face et unicode-range
  • demo.html pour l’aperçu et la référence des correspondances de caractères

Font Builder propose aussi son propre export de package web pour les polices d’icônes, avec CSS, HTML de démonstration, métadonnées, aperçus de glyphes et extraits HTML.

10. Convertir les formats de police

  • Single Font Conversion... : conversion d’un fichier.
  • Batch Font Conversion... : conversion par file d’attente.
  • Formats d’entrée : ttf / otf / woff / woff2.
  • Formats cibles : WOFF / WOFF2 / TTF/OTF (original outlines) / TTF (TrueType outlines) / OTF (PostScript outlines).

11. Limites actuelles

  • La génération de sous-ensembles traite une seule police source ou une seule face TTC/OTC sélectionnée à la fois.
  • Les sous-ensembles conservent le type de contour source (TrueType → .ttf, CFF/CFF2 → .otf) ; WOFF et WOFF2 sont des conteneurs web.
  • Une instance statique peut être appliquée aux sorties Font Subset et Web Package depuis le panneau Export.
  • La modification de polices sources dans Font Builder prend en charge les polices statiques basées sur TrueType.
  • Les SVG de Font Builder doivent être des dessins statiques vectorisés.
  • Le texte en SVG expose tous les axes variables disponibles et conserve les glyphes couleur pris en charge ; il ne crée pas d’instance statique.