Créateur de polices

Créez des polices d’icônes et web monochromes ou couleur à partir de SVG vectorisés, ou ajoutez et remplacez des glyphes dans une police source TrueType statique.

Font Builder permet une production prévisible de polices à partir de dessins vectoriels propres. Il rejette les fonctionnalités SVG et typographiques non prises en charge au lieu de les modifier silencieusement.

Créer une police à partir de SVG

Utilisez ce processus pour distribuer vos dessins d’icônes sous forme de police.

1. Ouvrez Font Builder.
2. Déposez les fichiers SVG vectorisés dans la liste des glyphes.
3. Vérifiez les noms des glyphes et les valeurs Unicode.
4. Lancez Preflight Check.
5. Exportez en TTF, WOFF, WOFF2, ou en package web complet avec CSS, HTML de démonstration et metadata.json.

Ajouter ou remplacer des glyphes dans une police source

Font Builder peut importer une police source statique basée sur TrueType.

• Ajoutez des glyphes SVG à la police source.
• Remplacez des glyphes Unicode existants par des dessins SVG.
• Utilisez Browse Glyphs pour choisir les cibles de remplacement.
• Conservez des identifiants de glyphes stables lors du remplacement dans une police source.
• Enregistrez le travail dans un .webfontproject pour le reprendre plus tard.

Exigences SVG

Font Builder attend des dessins SVG statiques convertis en contours.

Les effets doivent être aplatis avant l’importation. Les entrées non prises en charge incluent le texte SVG éditable, les images matricielles, les filtres, les masques, les chemins de découpe, les scripts, les animations, les vidéos, l’audio, les iframes et les ressources externes.

Modèle SVG

Exportez le modèle SVG avant de dessiner vos icônes. Il contient des repères de ligne de base et de limites pour aligner les icônes sur les métriques de la police avant l’importation.

Polices couleur

Font Builder peut créer des polices couleur à partir de SVG vectorisés. Le mode couleur conserve les remplissages, traits, dégradés linéaires/radiaux et opacités pris en charge dans COLR/CPAL, ajoute un repli SVG pour les dégradés et effets compatibles, et laisse currentColor suivre la couleur du texte. Des palettes supplémentaires peuvent être marquées pour fond clair ou sombre.

Utilisez Import Font… pour importer des glyphes COLR/SVG pris en charge comme dessins vectoriels. Les effets couleur non pris en charge ou les glyphes uniquement bitmap peuvent être importés en contours monochromes avec un avertissement.

Sortie du package web

L’export du package web peut inclure :

• Les fichiers de police.
• Le CSS avec @font-face.
• Le HTML de démonstration.
• Les métadonnées.
• Les aperçus des glyphes.
• Les extraits HTML pour utiliser la police d’icônes.

Bonnes pratiques

• Utilisez des valeurs Unicode de la zone à usage privé pour les polices d’icônes, sauf si vous souhaitez explicitement des correspondances Unicode standard.
• Centrez visuellement les SVG d’icônes et alignez-les sur un même canevas.
• Effectuez le contrôle préalable avant chaque exportation.
• Corrigez les lignes rouges avant de livrer une police de production.