Créer des fontes vectorielles avec Inkscape et fontforge

Introduction

Le but de ce didacticiel est d’avoir une première approche vers l’édition des fontes vectorielles sous environnement libre, il ne s’agit pas des méthodes pour créer de belles fontes, mais simplement d’une méthodologie de base de création de fonte.

Pour ce didacticiel j’utilise l’éditeur vectoriel SVG Inkscape et l’éditeur de fonte Fontforge. Ce dernier permet l’édition vectorielle de fonte, mais je suis moins à l’aise avec, j’ai eu quelques soucis avec la version que j’ai utilisé (qui n’est pas forcement considérée comme stable), et n’ai pas compris comment résoudre certains problèmes, notamment la direction des courbes afin d’avoir une alternance plein/creux. J’avais également des plantages à la vectorisation de caractères dessinés en bitmap, ce qu’Inkscape fait par contre très bien.

Description générale de la méthode

La méthode que j’ai utilisé est donc création sous Inkscape, importation dans Fontforge, puis sauvegarde (dans le format SFD pour pourvoir retravailler) et création de la font TrueType pour l’utiliser dans n’importe quelle application, dont Inkscape lui même.

Il est a noter que Fontforge peut importer des tracés vectoriels SVG et exporter des fontes SVG. Inkscape supporte également l’utilisation de fontes SVG.

Création du A majuscule sous Inkscape

contour du A

On commence par tracer la forme extérieure du A, j’ai choisi ici une forme un peu fantaisiste, et ai tenté de me limiter à la taille de la page.

Il y a ensuite 2 méthodes pour créer le trou :

  • Sélectionner la courbe extérieure est toujours sélectionnée
  • Appuyer sur la touche [Shift] (ou [Maj])
  • Tracer la courbe du trou sans lâcher la touche

Cela ne permet pas d’utiliser tous les autres outils désirés, mais peut être suffisant dans le cas de dessin rapide à main levée.


ajout du creux

Création du trou par un second objet :

  • On trace seconde courbe de la taille du trou désiré
  • On passe en mode Sélectionner et transformer les objets (F1)
  • On sélectionne la courbe correspondant au trou.
  • En maintenant la touche [Shift] enfoncée, sélectionner la courbe extérieure

Il faut ensuite appliquer ce que l’on appelle une opération booléenne de différence, qui permet de faire un trou dans un objet, avec la forme d’un autre objet.


apres booleen

Il suffit maintenant de faire Chemin => Différence ([Ctrl]+[-])operation difference pour obtenir le A complet.

Ce a peut être maintenant sauvegarder en SVG (ne pas sauvegarder en SVGZ qui n’est pas supporté par Fontforge) pour l’ importation dans Fontforge.

Menu Fichier =>Enregistrer sous ([Shift]+[Ctrl]+[S]

puis appelez le par exemple A.svg

Nous en avons fini avec Inkscape pour cette première lettre.

Importation du premier caractère dans Fontforge

Lorsque Fontforge est lancé, une fenêtre Ouvrir fonte s’ouvre, il est possible d’en sélectionner une à traiter, et se trouvant dans l’arborescence de votre système, ou bien d’en créer une nouvelle en cliquant sur le bouton Nouveau.

Ce ce que nous allons faire.

Fontforge Untitled

Page 1 of 3 | Next page