aktivisda-canva-like/docs/fr/admin/fonts.md

Polices de caractères

!> Les polices de caractères ne sont pas du tout manipulables sur Backtivisda. Il est nécessaire de passer par le projet git (voir le ticket #185).

Ajouter une police

1. Télécharge la police sur ton ordinateur.

2. Convertis là en plusieurs formats, idéalement, .otf, .woff et .ttf. Pour cela tu peux télécharger ce script puis exécuter :

   python3 fonts-manipulator/cli.py -i myfont.ttf --otf --woff --ttf
   

3. Ajoute les différents fichiers dans le dossir static/fonts (possiblité de les regrouper en sous-dossiers)

4. Ouvre le fichier local/data/fonts.json (ici pour la version v1.0.11) et ajoute une entrée :

   {
   "version": "1.0.11",
   "fonts": [
   {
     "css": {
       "font-style": "normal",
       "font-weight": "normal",
       "font-display": null,
       "unicode-range": null
     },
     "fontName": "< font name>", // used in css
     "directory": "./<your font name>",
     "formats": {
       "otf": "<font name>.otf", // complete path static/fonts/<your font name>/<font name>.otf
       "woff": "<font name>.woff",
       "ttf": "<font name>.ttf"
     },
     "name": "<label font name>", // to display
     "loaded": false,
     "italic": false,
     "bold": false,
     "alwaysLoaded": true, // if your want is heavy and speacific (eg. chinese font), set alwaysLoaded: false
     "default": true
   },
   ...
   ]
   }
   

5. Pour tester, il est nécessaire de recompiler Aktivisda, soit en utilisant l'intégration continue soit en lançant depuis son ordinateur :

   npm run serve:aktivisda
   

6. Bien penser à commiter les modifications (fichiers fonts et font.json)