Import SVG FontForge : des dessins aux contours de glyphes

Pour importer un SVG dans FontForge, ouvre l’emplacement de glyphe prévu, choisis File → Import, passe le format à SVG et sélectionne ton fichier. Le résultat est une géométrie de contours dans la fenêtre d’édition de ce glyphe. Tu dois encore vérifier sa position, sa taille, ses contours et son espacement avant de générer une police utilisable.

Cette distinction compte si la source est un dessin. La vectorisation peut reconstruire des formes à partir de pixels. Elle ne détermine pas la ligne de base, la chasse ou le rythme d’espacement souhaités d’une police. Commence par un glyphe et termine ces vérifications avant d’importer un alphabet.

Importe dans un glyphe, pas seulement dans une fenêtre de police ouverte

Crée un document FontForge ou ouvre ta police de travail, puis double-clique sur l’emplacement de caractère à modifier. Importe le SVG depuis File → Import dans cette fenêtre de contours. Si le sélecteur liste initialement des formats matriciels, passe son filtre à SVG. C’est la séquence du tutoriel d’importation de contours FontForge.

Vérifie d’abord la destination. Si tu ajoutes un g minuscule original, confirme que tu modifies le bon emplacement g. Un fichier nommé g.svg ne remplace pas la vérification du glyphe et de son association au caractère. Enregistre une copie d’une police existante avant de remplacer des contours.

Après importation, sélectionne un point et confirme la présence de contours modifiables. Si tu n’as qu’une image comme référence de vectorisation, tu n’as pas obtenu le même résultat. La documentation du menu File de FontForge distingue importations d’images, contours de glyphes et opérations sur les fichiers de police.

Ce guide vise un glyphe à contours ordinaire. Les processus spécialisés à plusieurs calques ou de polices en couleur ont des exigences supplémentaires ; une illustration prête pour le navigateur ne devient pas automatiquement ce type de police non plus.

Utilise les vecteurs originaux si tu les possèdes

Si tu as dessiné le glyphe dans un éditeur vectoriel, prépare directement cette illustration. Conserve ses contours originaux, crée une copie d’importation distincte et simplifie dans cette copie les fonctions de présentation non prises en charge. Vectoriser à nouveau une image de vecteurs existants peut changer des formes que tu contrôles déjà.

Si la source est un dessin matriciel ou un symbole généré, convertis l’image en tracés vectoriels avec PerfectVector et examine le SVG. Tu obtiens un contour de départ à modifier. FontForge reste l’endroit où construire les métriques, l’espacement et le comportement de la police.

Pour un dessin à la main, choisis une source nette et très contrastée. Recadre pour retirer les caractères voisins et les parasites du papier, mais conserve toute l’ascendante ou la descendante. Le guide de vectorisation du lettrage à la main traite de la préparation source ; l’explication de la vectorisation d’images décrit ce que produit réellement la conversion.

Une lettre vectorisée reste une géométrie d’illustration

Nous avons préparé un g minuscule matriciel original avec une large contreforme et une descendante nette, puis l’avons converti avec PerfectVector. Le SVG brut contenait trois tracés fermés : un fond de zone de dessin presque blanc, une silhouette de lettre noire et une contreforme presque blanche. Il n’avait pas d’images intégrées.

La contreforme blanche était peinte sur la silhouette noire. Elle n’était pas déjà un contour intérieur de glyphe terminé. Retirer uniquement la forme blanche exposerait du noir plein dessous. Dans la copie d’importation, retire le fond vérifié et prépare la contreforme comme une véritable ouverture avant d’évaluer le remplissage du glyphe.

La comparaison montre les éléments de contours examinés, pas un test FontForge. Nous n’avons attribué ni ligne de base, ni taille de cadratin, ni chasse, ni crénage à cette sortie. Une descendante d’apparence propre indique où s’étend le dessin ; elle ne dit pas à la police où se situe la ligne de base.

Prépare des contours explicites avant d’ajuster les métriques

Conserve un SVG intact et une copie de travail distincte. Dans celle-ci, retire les fonds sans rapport, convertis les contours en tracés si leur épaisseur visible définit le glyphe et transforme les masques ou effets découpés en formes à conserver. FontForge importe un sous-ensemble de SVG, comme l’explique sa référence d’importation.

Pour une lettre à contreforme, examine la limite extérieure et la limite intérieure. Elles doivent décrire la région remplie prévue. Un élément blanc superposé peut imiter l’apparence sur une page blanche sans fournir à la police la bonne structure de contours.

Après importation de l’illustration préparée, recherche des extrémités ouvertes, des superpositions accidentelles et des auto-intersections. Element → Correct Direction définit des sens alternés pour les contours extérieurs et imbriqués, mais peut produire des résultats inattendus si les splines se croisent. Résous ces croisements avant de faire confiance à la commande. FontForge décrit cette limite dans sa référence du menu Element.

Évite de simplifier selon un nombre de nœuds cible seul. Préserve les angles, terminaisons et courbes qui définissent ton dessin. Le guide des nœuds SVG excessifs peut aider à diagnostiquer des contours bruités, mais un contour de police nécessite aussi un jugement typographique aux tailles de lecture.

Aligne la ligne de base avant de juger la hauteur

L’illustration importée peut arriver trop petite, trop grande ou décalée par rapport à l’origine souhaitée. Sélectionne tous les points du glyphe et déplace-les ou redimensionne-les ensemble. Le tutoriel d’importation FontForge décrit le déplacement du contour et l’utilisation de Element → Transform → Transform avec une mise à l’échelle uniforme.

Pour le g minuscule, n’aligne pas le point le plus bas sur la ligne de base : il appartient à la descendante. Place le corps de la lettre selon la ligne de base et la hauteur d’x prévues, en laissant la descendante en dessous. Compare-le aux minuscules voisines du même dessin si elles existent déjà.

Utilise un système de coordonnées source cohérent pour préparer d’autres lettres. Le tutoriel FontForge donne un processus à 1,000 unités, tandis que le guide d’importation Design With FontForge explique la relation entre les coordonnées verticales SVG et les métriques d’ascension et de descente. Traite-les comme des instructions de configuration coordonnées, pas comme une règle obligeant à étirer chaque SVG existant en carré.

Une police avec d’autres unités par cadratin nécessite un plan correspondant. De même, recadrer étroitement chaque lettre sur une page SVG de hauteur différente peut supprimer la référence commune nécessaire au placement cohérent. Établis cette référence avec un ou deux glyphes avant de traiter les autres.

Définis l’espacement en contexte

La largeur visible d’une lettre et sa chasse sont différentes. La chasse indique où commence le caractère suivant ; l’espace vide autour du contour contribue au rythme d’un mot.

Ouvre la fenêtre Metrics depuis le menu Window et examine le glyphe près d’autres lettres. Le tutoriel des métriques FontForge décrit la modification de l’approche gauche en déplaçant le contour, et de l’approche droite via la ligne de chasse.

Pour un premier g, compare des lettres répétées et de courtes combinaisons avec des glyphes déjà dessinés, comme gg, ng et go. Regarde les espaces, pas seulement les contours. N’utilise pas le crénage pour compenser chaque approche par défaut mal choisie ; établis d’abord un espacement raisonnable pour les voisins ordinaires, puis traite les paires exceptionnelles.

Un glyphe centré sur une page SVG peut encore être mal placé dans du texte. À l’inverse, un espace numérique égal de chaque côté n’est pas toujours l’espacement visuellement correct. Garde les limites SVG comme référence géométrique et juge la police dans une ligne de texte.

Valide et génère une police de test

Enregistre le projet FontForge modifiable avant de générer un fichier de police. Save conserve la source de travail ; Generate Fonts crée un format comme TrueType ou OpenType. Le tutoriel de vérification et de génération explique cette séparation.

Exécute Element → Find Problems sur les glyphes préparés. Examine les problèmes signalés au lieu d’accepter automatiquement chaque changement suggéré : FontForge précise que certains résultats peuvent refléter des choix de design volontaires. Puis examine à nouveau les glyphes visuellement.

Génère une police de test et essaie-la dans l’application prévue. Vérifie l’association des caractères, la contreforme, la ligne de base, le dégagement des descendantes et l’espacement aux petites et grandes tailles de texte. Si la police est encore un petit prototype, précise ce périmètre de test. L’importation d’un contour réussi ne prouve pas qu’une police entière est terminée.

FAQ

Pourquoi mon SVG a-t-il la mauvaise taille ou position dans FontForge ? Ses coordonnées sources et dimensions de page peuvent ne pas correspondre au cadratin et à la ligne de base de la police. Déplace et redimensionne le contour importé de manière cohérente, puis établis un plan de coordonnées commun avant de préparer d’autres glyphes.

PerfectVector peut-il transformer un dessin en police complète ? PerfectVector convertit une illustration matricielle en tracés vectoriels. Tu as encore besoin d’un éditeur de polices pour préparer contours de glyphes, associations de caractères, métriques, espacement et fichier de police généré.

Pourquoi la contreforme de la lettre se remplit-elle ? Vérifie si l’ouverture apparente est un élément blanc superposé, si le contour intérieur existe et si les directions ou croisements des contours nécessitent une réparation. Examine le remplissage du glyphe préparé plutôt que de te fier à l’apparence du SVG original sur une page blanche.

Dois-je importer toutes mes lettres SVG à la fois ? Termine d’abord un glyphe représentatif. Confirme son échelle, sa ligne de base, ses contours et son espacement, puis applique une préparation cohérente aux autres lettres. L’importation par lot ne peut pas décider ces valeurs de design à ta place.

Sources

1. Tutoriel d’importation de contours FontForge — Import dans un glyphe, positionnement, mise à l’échelle uniforme et dimensions sources coordonnées.
2. Menu File FontForge — Types d’importation, prise en charge SVG et opérations sur les sources et fichiers de police.
3. Menu Element FontForge — Correction du sens des contours et limites près des croisements.
4. Design With FontForge : importer des glyphes — Coordonnées SVG et configuration des métriques d’ascension et de descente.
5. Tutoriel des métriques FontForge — Approches, chasse, espacement en contexte et crénage.
6. Tutoriel de vérification et génération FontForge — Examen des problèmes et génération d’un format de police utilisable.

Si ton premier glyphe existe seulement en pixels, convertis le dessin en vecteurs modifiables, examine la contreforme et le contour extérieur, puis termine ce glyphe dans FontForge. Un contour correctement placé, espacé et testé constitue un point de départ utile pour le reste de la police.