Polices
Téléversez une fois vos polices web sous licence, conservez avec elles les preuves de licence, et chargez-les sur votre site web avec une seule feuille de style.
Cette page a été traduite de l'anglais. En cas de divergence, la version anglaise fait foi. Lire en anglais
Atlas héberge les polices de votre site web avec leurs preuves de licence. Une police n’est servie que tant que sa licence autorise l’intégration web et n’a pas expiré.
Ajouter une police
Section intitulée « Ajouter une police »Ouvrez Design → Fonts et cliquez sur Add a font.
-
Saisissez le Family name et une Key. La clé nomme la variable CSS et ne peut plus changer ensuite.
-
Sous Files, weights and styles, téléversez des fichiers WOFF2 ou WOFF (ou choisissez-les dans la médiathèque). Pour chaque fichier, définissez le Weight (par exemple
400, ou une plage comme100-900pour une police variable) et le Style (Upright ou Italic). -
Ajoutez des Fallback fonts et choisissez While loading : Show the fallback, then swap, ou Use the font only if it is ready at once.
-
Sous Licence, renseignez le nom de la Licence, la date de fin (Licence ends) le cas échéant, l’Evidence et, facultativement, un Licence document, puis cochez The licence allows embedding this font on websites (@font-face).
-
Cliquez sur Add font.
Chaque carte de police montre comment l’utiliser, par exemple font-family: var(--atlas-font-brand), ainsi que ses polices de repli, sa licence et ses versions antérieures. Cliquez sur New version pour remplacer des fichiers ou mettre à jour la licence ; les versions antérieures sont conservées.
Charger les polices sur votre site web
Section intitulée « Charger les polices sur votre site web »La carte Add to your website vous fournit un extrait prêt à l’emploi :
- Any website : Copy link tag et ajoutez-la au head de votre page. Elle charge une seule feuille de style contenant toutes les polices actives du site.
- Next.js : Copy code pour une version rendue côté serveur.
<link rel="stylesheet" href="https://<delivery host>/v1/delivery/environments/{environmentId}/fonts.css"/>La feuille de style est mise en cache 5 minutes et les fichiers de police le sont de façon permanente, car chaque version de fichier a sa propre adresse. Les fichiers de police ne sont servis qu’à l’adresse de site web de votre environnement.
Polices sur le site web live
Section intitulée « Polices sur le site web live »Les modifications de polices atteignent Production avec la prochaine release, comme le contenu. Production ne sert que les versions de polices de sa release live.
- WOFF2 et WOFF uniquement (pas de TTF ni d’OTF).
- Jusqu’à 32 fichiers et 8 polices de repli par police.
- Les polices appartiennent à un seul site ; il n’existe pas encore de catalogue de polices partagé au niveau de l’organisation, ni de sous-ensemble (subsetting).