Passer au contenu principal

Utilisation de polices personnalisées dans le Help Center

Comment télécharger et utiliser votre propre police personnalisée pour harmoniser le Help Center avec le style de votre marque.

Écrit par Beth-Ann Sher

Avec la fonctionnalité de police personnalisée du Help Center, vous pouvez télécharger votre propre fichier de police pour correspondre au style de votre marque.

Formats de fichiers pris en charge :

TTF, OTF, EOT, WOFF, WOFF2.

Terminologie importante :

  • Une famille de polices - est un ensemble de polices partageant un design similaire mais variant en attributs comme le poids, la largeur et le style. Par exemple, une famille de polices peut inclure les poids Light, Regular et Bold, chacun avec sa propre version Italic.

  • Une version italique - est un style où les caractères sont inclinés vers la droite. Les polices italique sont souvent utilisées pour l'emphase, les titres ou pour distinguer les citations et références du texte principal.

  • Le poids de la police - fait référence à l'épaisseur des caractères dans une police de caractères. Les poids courants incluent Light, Regular, Medium, Semi Bold, Bold et Extra bold.

Si vous utilisez Google Fonts (préchargées), ces paramètres sont appliqués automatiquement et aucune étape supplémentaire n'est nécessaire. Mais lorsque vous utilisez une custom font, vous devez télécharger plusieurs fichiers de police pour chaque poids de police et vous assurer que tous les paramètres sont corrects (la seule exception est Variable fonts).

Commencer

Télécharger une police personnalisée

Allez dans Paramètres > Help Center > Configurer & style et ouvrez l'onglet Styling puis cliquez sur Shared elements.

Faites défiler vers le bas et sélectionnez Gérer les polices personnalisées.

Cliquez sur Télécharger la police pour commencer.

Si vous choisissez de télécharger une police de votre choix, assurez-vous d'avoir la permission d'utiliser la police et de vérifier les conditions de licence applicables pour respecter les obligations avant de la télécharger pour l'utiliser sur votre Help Center.

Poids des polices

Pour garantir que tous les éléments de texte s'affichent correctement dans le Help Center, vous devez télécharger les poids de police suivants :

  • Regular

  • Medium

  • Semi Bold

  • Bold, et

  • Italics pour chacun.

La fonction de sélection multiple permet aux users de télécharger plusieurs fichiers de police en une seule fois.

Dans le Help Center, nous utilisons les poids de police Regular, Medium, Semi Bold et Bold. Si des coéquipiers oublient de télécharger un poids spécifique ou si la famille de polices ne possède pas de fichier pour une combinaison poids/style donnée, le navigateur choisit le plus proche pour afficher le texte. Par exemple, si vous téléchargez seulement Medium et Bold mais oubliez Regular, alors Medium remplacera tous les styles Regular.

Assurez-vous qu'il n'y a pas de fichiers de police en double avec les mêmes propriétés. En cas d'erreur, une bannière apparaîtra indiquant : « Vous avez déjà un autre fichier de police dans cette famille avec le même poids et style. » Si la bannière est ignorée et que les paramètres sont enregistrés, un des fichiers sera choisi au hasard.

Polices variables

Vous pouvez télécharger une police variable au lieu de plusieurs poids de police. Vous n'aurez pas la possibilité d'ajuster l'apparence de la police, cependant, le navigateur ajustera automatiquement le poids de la police selon les besoins.

Vous devrez quand même télécharger un fichier de police variable séparé pour le style Italic.

Pour télécharger une police variable, choisissez le fichier de police étiqueté Variable. Ensuite, sélectionnez l'option « Variable » sous le paramètre Poids de la police une fois qu'il est téléchargé.

Vérifier les paramètres de la police

Après avoir téléchargé les fichiers de police, vous remarquerez que chaque fichier a son propre accordéon pour ajuster les paramètres.

Les noms des accordéons sont générés automatiquement à partir des informations du fichier. Ils se mettent à jour automatiquement après modification des paramètres.

Par défaut, ces accordéons utilisent les informations extraites directement des fichiers. Cependant, ces informations peuvent parfois être incorrectes. Vous devez vérifier et, si nécessaire, mettre à jour ces informations pour garantir que toutes les polices s'affichent correctement.

Points à vérifier/mettre à jour si nécessaire :

  • Tous les fichiers de police appartenant à la même famille doivent avoir le même nom de famille de polices.

  • Tous les fichiers de police doivent pointer vers le poids de police correct. Par exemple, si vous avez téléchargé un Rubik Regular, vous devez vous assurer que l'option « Regular (400) » est sélectionnée sous le paramètre Poids de la police.

  • Tous les fichiers de police doivent également pointer vers le style de police correct. Par exemple, si vous avez téléchargé un Rubik Regular, vous devez vous assurer que l'option « Normal » est sélectionnée sous le paramètre Style.

Sélectionner la police personnalisée

Après avoir téléchargé et vérifié tous les fichiers de police, revenez aux paramètres de style.

Vous pourrez alors sélectionner votre police personnalisée dans les menus déroulants « Police principale » ou « Police secondaire ».

Note :

  • La police italique est uniquement utilisée dans le corps de l'article, pour prévisualiser la police italique dans le Help Center, nous recommandons de prévisualiser une page d'article contenant un texte en italique d'exemple.

  • Si vous supprimez tous les fichiers de police personnalisés, la police reviendra à la System Default.

  • Pendant le chargement de la police personnalisée sur la page web, la police System Default sera affichée dans le Help Center. Cela peut prendre quelques secondes.

  • Il n'y a pas d'option pour supprimer les fichiers de police en masse, vous devrez le faire un par un.


Dépannage

La police ne s'affiche pas comme prévu

Par exemple, je vois du texte normal en gras, italique là où ce ne devrait pas être.

Assurez-vous que le fichier de police que vous avez assigné à la combinaison poids/style est bien destiné à cette combinaison. Habituellement, le nom du fichier de police inclut la variation ainsi que le nom de la famille de polices. Par exemple, voici une variation de police mal configurée :

Le fichier est destiné à Medium/Condensed/Italic mais il est incorrectement assigné à Regular/Normal.

Voir deux familles de polices pour une police personnalisée alors qu'il ne devrait y en avoir qu'une seule

Cela signifie que vous avez téléchargé 2 fichiers de police et utilisé des noms de famille de polices différents, utilisez le même nom de famille de polices pour les deux.


FAQ

Est-il possible de modifier la couleur du texte dans les articles ?

Non, il n'est pas possible de modifier la couleur du texte dans les articles, cependant vous pouvez utiliser des callouts colorés pour mettre en avant des informations importantes. Pour plus d'options de mise en forme, vous pouvez visiter notre Product Wishlist pour voter pour la demande d'options de mise en forme supplémentaires. N'oubliez pas d'ajouter des commentaires sur ce que vous souhaitez voir ici.

Avez-vous trouvé la réponse à votre question ?