Aller au contenu
+

Créateur de polices

Créez des polices à 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, CSS, HTML de démonstration, métadonnées ou package web complet.

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.

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.