Utiliser une police personnelle
Vous avez déjà une police pour votre marque ? Importez son fichier dans le projet, puis sélectionnez-la comme les autres polices. Aucune classe CSS n’est nécessaire.
Avant de commencer
Préparez un fichier .woff2, .woff, .ttf ou .otf. Le bouton d’import indique les formats acceptés. Dans la démonstration, nous choisissons un fichier WOFF2.
Dans l’exemple, nous importons Source Sans 3, puis l’appliquons au titre du studio Alma. Un fichier déjà présent dans le projet reste disponible pour les sélections suivantes.
1. Ouvrir les polices personnalisées
Dans Design, passez en Expert et sélectionnez votre texte. Dans le panneau Texte, ouvrez Police, puis l’onglet Personnalisé.
La liste affiche les polices déjà importées. Si le fichier souhaité est présent, passez directement à sa sélection : vous n’avez pas besoin de l’importer à nouveau pour chaque texte.
2. Importer le fichier
Lecture impossible. Réessayez avec les commandes vidéo.
Cliquez sur le bouton d’import des fichiers de police. Dans la fenêtre de votre ordinateur, sélectionnez le fichier, puis validez. Attendez la fin de l’envoi : le fichier apparaît dans la liste des polices personnalisées.
Importer un fichier le rend disponible dans le projet. Cela ne change pas encore la police du texte sélectionné.
3. Appliquer la police
Cliquez sur le fichier dans la liste. Regardez le texte dans la page : sa police doit changer, tandis que ses mots restent identiques. Répétez cette sélection pour les autres éléments concernés, ou définissez une police commune dans le thème si votre objectif est de l’utiliser partout.
L’application à un élément ne redéfinit pas automatiquement les polices communes du thème.
4. Vérifier le résultat
Contrôlez les accents, les caractères spéciaux et les retours à la ligne. Regardez aussi les différentes graisses utilisées : un fichier régulier ne fournit pas forcément le dessin d’une graisse bold. Importer plusieurs fichiers ne signifie pas nécessairement que leurs graisses seront automatiquement regroupées en une seule famille.
Vérifiez le rendu sur mobile, puis cliquez sur Enregistrer. Pour voir la modification sur votre site public, publiez ensuite le site et ouvrez sa page pour contrôler le chargement.
Si le fichier ne s’affiche pas ou ne s’applique pas
Vérifiez l’extension, attendez la fin de l’envoi et contrôlez votre connexion. Si l’import a réussi, retrouvez le fichier dans Personnalisé et cliquez dessus. Si la police ressemble à une police de remplacement, contrôlez le chargement du fichier et réessayez après rechargement de la page.
Un nom de fichier explicite, par exemple une famille et sa graisse, facilite la sélection dans la liste.