Google Fonts

:discourse2: Résumé Google Fonts est un composant de thème simple qui vous permet d’ajouter une police depuis Google Fonts sans écrire de CSS.
:eyeglasses: Aperçu Aperçu sur Discourse Theme Creator
:hammer_and_wrench: Lien vers le dépôt https://github.com/discourse/discourse-google-font-component
:open_book: Nouveau sur les thèmes Discourse ? Guide de débutant pour utiliser les thèmes Discourse

Installer ce composant de thème

Fonctionnalités

Ce composant vous permet de définir la police principale du site et, optionnellement, des polices distinctes pour les titres et le texte à chasse fixe (blocs de code). Vous pouvez également choisir une graisse de police dans chaque cas et augmenter la taille de la police.

En coulisses, cela configure un peu de CSS ainsi que la balise <link> de la police de Google. Notez que cela repose sur Google pour servir les fichiers de police depuis https://fonts.googleapis.com/.

Paramètres

Nom Description
fonts Ajoutez le nom de la ou des polices que vous souhaitez utiliser depuis fonts.google.com. Notez que les noms de polices sont sensibles à la casse !
body font La police principale utilisée dans tout Discourse, doit être incluse dans le paramètre « fonts » ci-dessus
body font weight Épaisseur de la police dans la plage de 100 à 900. 400 est normal, 700 est gras
headline font Police optionnelle pour les titres, doit être incluse dans le paramètre « fonts » ci-dessus
headline font weight Épaisseur de la police dans la plage de 100 à 900. 400 est normal, 700 est gras
monospaced font Police optionnelle pour les blocs de code, doit être incluse dans le paramètre « fonts » ci-dessus.
monospaced font weight Épaisseur de la police dans la plage de 100 à 900. 400 est normal, 700 est gras
normal font size Taille de police par défaut pour tous les utilisateurs, l’ajustement de cette valeur modifie proportionnellement toutes les tailles de police
smaller font size Sélectionnable dans les préférences d’interface de chaque utilisateur
larger font size Sélectionnable dans les préférences d’interface de chaque utilisateur
largest font size Sélectionnable dans les préférences d’interface de chaque utilisateur

:discourse2: Hébergé par nous ? Les composants de thème sont disponibles pour une utilisation sur nos plans Standard, Business et Enterprise.

51 « J'aime »

This Fantastic! Can this be installed Multiple Times to link to different themes by changing it’s Name in Advanced install?

I don’t see why not. We’ve installed the same theme twice, for example here on Meta to have both a light and dark version.

3 « J'aime »

Thanks. Forgot you can rename it to identify/link it to other themes.

1 « J'aime »

Thank you. I love it. :grin:

3 « J'aime »

Merci :heart: J’adore vraiment.

Je viens de découvrir que ce composant ne fonctionne pas pour les pages /pub/ (publiées). Les polices ne se chargent pas sur ces pages, ce qui entraîne une police par défaut semblable à Times New Roman.

1 « J'aime »

Je vois également les polices par défaut, mais sur la page d’activation de compte https://yoursite.org/u/activate-account/...

J’ai essayé et il s’agit bien d’un problème.

La page publiée essaie de charger la police Google via le composant de thème :

image

Le fichier de police n’étant pas chargé sur la page publiée, il ne se rabat pas sur la variable font-family Arial, sans-serif et utilise Times New Roman à la place.

Il y a peut-être une marge d’amélioration ici tant que les pages publiées peuvent accéder aux modifications requises.

1 « J'aime »

Pour être honnête, depuis cette découverte, je définis mes polices dans du CSS personnalisé. Ça fonctionne très bien.

2 « J'aime »

C’est génial, merci à vous et à votre équipe d’avoir développé une fonctionnalité aussi pratique ^^. Je la recommanderai aux personnes que je connais qui utilisent Discourse pour créer des communautés d’utilisateurs.

Rapport de bug rapide : je viens de remarquer que lorsque je définis l’épaisseur de la police, le texte en gras n’apparaît pas en gras.

J’ai testé cela avec les polices Work Sans et Zilla Slab. J’ai changé l’épaisseur de la police par défaut (400) à 300. Lorsque j’ai fait cela, le texte en gras n’est pas apparu en gras. J’ai réinitialisé ce paramètre et le texte en gras est réapparu.

Je l’ai réglé sur 400 et j’ai arrêté là, mais je voulais vous en informer.

Merci pour votre travail sur ce projet !

Y a-t-il un moyen d’entrer un peu plus dans les détails ? La police « Headline » apparaît par défaut avec un poids de 900 pour les en-têtes dans les sujets. Ce serait formidable de pouvoir définir les valeurs par défaut pour chacun de ces objets Markdown.

1 « J'aime »

Il semble y avoir un bug avec cela, du moins sur mon forum, si j’ajoute la police “Inter” avec ce composant, voici ce qui se passe :

  • Commencez à modifier ou à composer un message
  • Basculez vers une autre application pendant que le compositeur est ouvert
  • Revenez, et le zoom est complètement faux, comme s’il était trop zoomé
  • Il y aura également des bugs avec le chat et le défilement maintenant

Je ne sais pas si cela se produit avec d’autres polices, mais cela se produit 100 % du temps si j’ajoute ce composant à n’importe quel thème.

Est-ce un bug connu ? Existe-t-il un correctif ?

Merci

2 « J'aime »

Nous avons déjà Inter intégré si vous souhaitez modifier la Police de base et la Police de titre dans les paramètres du site sous l’administration, aucun composant n’est nécessaire.

2 « J'aime »

Quelle version de Discourse ? Je suis sur la version stable 3.3 et je ne vois pas Inter. J’ai les mêmes problèmes que certains utilisateurs ici avec ce composant.

Je suis sur la version 3.3 et je veux utiliser Inter. Bien que la police se charge, le texte en GRAS n’est pas en gras.

Vous devrez mettre à jour vers la version 3.4 pour l’option Inter intégrée.

2 « J'aime »

J’ai vient de fusionner un refactoring de ce composant qui s’aligne mieux avec les mises à jour de Google Fonts — cela devrait résoudre certains problèmes que les utilisateurs rencontraient avec l’apparition de différentes graisses.

Notez que le formatage du paramètre a légèrement changé, de sorte que les graisses ne peuvent plus être incluses dans le paramètre du nom de la police comme Roboto:300,300i,500, et cela devrait être mis à jour en un simple Roboto… mais cela devrait migrer automatiquement lors de la mise à jour.

2 « J'aime »