Je personnalise mon thème Discourse et souhaite mettre à jour la police par défaut (corps de texte/titres) pour quelque chose de plus unique qui corresponde à l’identité visuelle de ma communauté. Je sais que Discourse permet de définir des polices via Admin > Personnaliser > Thèmes/Couleurs, avec également la possibilité d’ajouter des polices web personnalisées via CSS.
Quelques points sur lesquels j’aimerais avoir vos avis :
Préférez-vous utiliser Google Fonts, des polices auto-hébergées ou les options de polices intégrées à Discourse ?
Y a-t-il des préoccupations en matière de performances (vitesse de chargement des pages) lors de l’ajout de polices web personnalisées ?
Existe-t-il des bonnes pratiques en matière d’accessibilité à garder en tête pour choisir des polices lisibles ?
J’apprécierais tout conseil, recommandation de composant de thème ou expérience que vous auriez eue en personnalisant les polices sur votre propre instance Discourse !
Mon avis serait : évitez les polices de style monospace (par exemple, JetBrains Mono) car elles sont plus difficiles à lire, sauf si votre communauté est composée de développeurs passionnés . Mais sérieusement, j’ai déjà fréquenté une communauté qui utilisait cette police, et ce n’est pas facile (en plus, les lettres sont trop espacées à mon goût).
L’auto-hébergement est toujours appréciable car cela permet de supprimer la dépendance à une ressource externe, ce qui réduit d’une requête réseau. Vous pouvez télécharger et héberger vous-même les Google Fonts, et les options de polices intégrées à Discourse sont également fournies par Google et ne dépendent pas de leurs serveurs.
Comme mentionné, le fait d’avoir les polices servies directement depuis votre site est meilleur pour les performances (bien que les polices soient généralement petites, donc ce n’est pas une préoccupation majeure). Essayez de ne pas inclure plus de variantes et de styles que nécessaire, généralement deux polices différentes avec des graisses normale et gras suffisent.
Soyez surtout vigilant quant aux polices qui apparaissent très légères, et si votre site a un mode sombre, vérifiez également la lisibilité dans ce cas… parfois le schéma de couleurs peut faire une grande différence. Essayez de zoomer/dézoomer dans votre navigateur et de changer la taille de la police dans vos préférences utilisateur pour vous assurer que rien d’inattendu ne se produit.