title: Édition de police d'écriture
date: 2015-10-03
tags: geekeries, Internet, brique internet, internet cube, Asrall
url: edition-de-police-d-ecriture
slug: edition-de-police-d-ecriture
Une petite question qui revient de temps en temps :
Comment faire pour faire apparaître des « ondes wifi » sur la lettre i, comme
sur le site de [La Brique Inter.net](
http://labriqueinter.net/), sans que cela
soit une image ?
### Introduction
 Logo hype
Si on affiche le site sans javascript, on voit que c'est le caractère Î qui
est affiché.
 Logo pas hype
Note : J'ai utilisé des images [[1]](
https://blog.chibi-nah.fr/edition-de-police-d-ecriture#0089a1) pour pouvoir « illustrer » l'article.
Outils nécessaires : uniquement des logiciels libres.
* Inkscape, pour l'édition vectorielle ;
* FontForge, pour éditer une fonte de la police d'écriture.
La police Jura (Jura Book) a été dessinée par [Daniel
Johnson](
http://io.debian.net/~danielj/) et est sous licence ["SIL Open Font Licence"](
https://en.wikipedia.org/wiki/SIL_Open_Font_License), qui autorise
(entres autres) les modifications. Cette police est disponible dans toutes les
bonnes crèmeries, n'hésitez pas à la demander à votre moteur de recherche
favori.
### Inkscape
Ouvrons Inkscape, et dessinons des ondes.
 Logo dessiné
Ça, c'était la partie la plus amusante.
### FontForge
Ouvrir FontForge, ouvrir la police Jura, et sélectionner la case du Î (i majuscule accent circonflexe).
 La case avec la lettre Î
Double-cliquer sur la case pour passer en mode « dessin ».
Sélectionner puis supprimer l'accent circonflexe.
[](/images/brique/capital_I2.png) [](/images/brique/capital_I3.png) [](/images/brique/capital_I4.png) Édition de la lettre Î
Revenir sur Inkscape, sélectionner (et copier) le dessin vectoriel (donc, les
ondes), et coller directement dans FontForge.
Il faudra sans doute effectuer quelques petites retouches, et aligner les
ondes.
[](/images/brique/final.png) Résultat final
### Export final
Enregistrer la police de caractère (pour pouvoir la modifier plus tard), puis
générer les différentes fontes pour le web (ttf, woff…), soit via un site web
dédié, soit via la ligne de commande ; se référer à l'article [Conversion de
polices pour le web](
https://blog.chibi-nah.fr/conversion-de-polices-pour-le-web) pour ce dernier cas.
### Conclusion
Avec un peu de temps et deux logiciels libres, on peut éditer aisément
n'importe quelle police d'écriture pour y intégrer des images vectorielles.
Les seules limitations sont : le nombre de couleurs, l'imagination, et la
licence de la police. Toutes n'autorisent pas la modification et encore moins
l'utilisation en dehors du cadre « personnel » (en gros, ça ne sort pas de
votre ordinateur/téléphone).
L'étape d'Inkscape est totalement optionnelle, on peut dessiner directement
dans FontForge, même si c'est moins évident/facile.
Tout commentaire qui n'a rien à voir avec cet article se verra supprimé sans
sommation.
* * *
1 : Flemme d'installer la police d'écriture jurabook pour seulement un
article.
