🎯 Intention

Il existe différentes manières d’intégrer une font en CSS, chacune ayant ses avantages et inconvénients (voir dans la section Aller plus loin).

Le but de ce standard est de spécifier la bonne manière de faire pour Captive

<aside> ✅ Pré-requis

• Comprendre le fonctionnement de font-family: font-family: "Roboto", -apple-system, "Segoe UI"; La page va tenter d’utiliser Roboto, si cela ne marche, elle va essayé avec -apple-system, puis Segoe UI, etc… </aside>

✅ Points clés

<aside> ⌛ Temps indicatif : 10min

</aside>

1. Intégrer les fichiers de font

2. Assigner le nom de la font dans une variable css avec des fallbacks

Ajouter un effet anti-aliasing

❌ Erreurs type à éviter

🎓Aller plus loin

Google Fonts vs Import manuel

Cas concrets qui ont inspiré le standard

Intégrer une font via une CDN sur ActiveAdmin