Diese Komponente ermöglicht es dir, die Hauptschriftart der Website festzulegen und optional separate Schriftarten für Überschriften und monospace-Text (Code-Blöcke) auszuwählen. Du kannst zudem für jeden Fall eine Schriftgewicht (Font Weight) wählen und die Schriftgröße erhöhen.
Im Hintergrund wird dabei etwas CSS zusammen mit Googles Font-<link> eingerichtet. Beachte, dass dies darauf beruht, dass Google die Schriftdateien von https://fonts.googleapis.com/ bereitstellt.
Einstellungen
| Name | Beschreibung
|-|
| fonts | Füge den Namen der Schriftart(en) hinzu, die du von fonts.google.com verwenden möchtest. Beachte, dass Schriftartennamen Groß- und Kleinschreibung beachten!
| body font | Die Haupt-Schriftart, die in ganz Discourse verwendet wird; muss in der oben genannten Einstellung „fonts“ enthalten sein
| body font weight | Schriftstärke im Bereich von 100–900. 400 ist normal, 700 ist fett
| headline font | Optionale Schriftart für Überschriften; muss in der oben genannten Einstellung „fonts“ enthalten sein
| headline font weight | Schriftstärke im Bereich von 100–900. 400 ist normal, 700 ist fett
| monospaced font | Optionale Schriftart für Code-Blöcke; muss in der oben genannten Einstellung „fonts“ enthalten sein.
| monospaced font weight | Schriftstärke im Bereich von 100–900. 400 ist normal, 700 ist fett
| normal font size | Standardschriftgröße für alle Benutzer; eine Änderung dieser Einstellung passt alle Schriftgrößen proportional an
| smaller font size | Wählbar in den Interface-Einstellungen jedes Benutzers
| larger font size | Wählbar in den Interface-Einstellungen jedes Benutzers
| largest font size | Wählbar in den Interface-Einstellungen jedes Benutzers
Von uns gehostet? Theme-Komponenten sind auf unseren Standard-, Business- und Enterprise-Plänen verfügbar.
Das ist fantastisch! Kann dies mehrmals installiert werden, um mit verschiedenen Themen zu verknüpfen, indem der Name bei der erweiterten Installation geändert wird?
Ich sehe keinen Grund, warum nicht. Wir haben dasselbe Thema beispielsweise hier auf Meta zweimal installiert, um sowohl eine helle als auch eine dunkle Version zu haben.
Ich habe gerade festgestellt, dass diese Komponente nicht für /pub/ (veröffentlichte) Seiten funktioniert. Die Schriftarten werden auf diesen Seiten nicht geladen, was zu einer Standard-Schriftart ähnlich Times New Roman führt.
Ich habe es versucht und dies ist tatsächlich ein Problem.
Die veröffentlichte Seite versucht, die Google-Schriftart über die Themenkomponente zu laden:
Da die Schriftartdatei auf der veröffentlichten Seite nicht geladen wird, greift sie nicht auf die Schriftfamilienvariable Arial, sans-serif zurück und verwendet stattdessen Times New Roman.
Hier gibt es möglicherweise Raum für Verbesserungen, solange die veröffentlichten Seiten auf die erforderlichen Änderungen zugreifen können.
Das ist großartig, vielen Dank Ihnen und Ihrem Team für die Entwicklung einer so praktischen Funktion ^^. Ich werde sie Leuten empfehlen, die ich kenne und die Discourse zum Aufbau von Benutzergemeinschaften nutzen.
Schneller Fehlerbericht: Mir ist gerade aufgefallen, dass fette Schrift nicht fett angezeigt wird, wenn ich die Schriftstärke ändere.
Ich habe dies mit den Schriftarten Work Sans und Zilla Slab getestet. Ich habe die Schriftstärke vom Standardwert (400) auf 300 geändert. Als ich dies tat, erschien fette Schrift nicht fett. Ich habe diese Einstellung zurückgesetzt und die fette Schrift wieder angezeigt.
Ich habe sie auf 400 gesetzt und es dabei belassen, wollte Sie aber darüber informieren.
Gibt es eine Möglichkeit, etwas mehr ins Detail zu gehen? Die Schriftart „Headline“ wird standardmäßig mit der Stärke 900 für Header innerhalb von Topics angezeigt. Es wäre großartig, die Standardeinstellungen für jedes dieser Markdown-Objekte festlegen zu können.
Wir haben Inter bereits eingebaut, falls Sie die Basis-Schriftart und die Überschrift-Schriftart unter Admin ; Website-Einstellungen ; ändern möchten, ist keine Komponente notwendig
Ich habe gerade einen Refactor dieser Komponente zusammengeführt, der besser mit den Google Font-Updates übereinstimmt – dies sollte einige Probleme beheben, die einige Benutzer mit unterschiedlichen Schriftstärken hatten.
Beachten Sie, dass sich die Formatierung der Einstellungen leicht geändert hat, sodass Schriftstärken nicht mehr im Namen der Schriftarteinstellung wie Roboto:300,300i,500 enthalten sein können und dies zu einem einfachen Roboto geändert werden müsste … aber es sollte sich beim Update automatisch migrieren.
| Zusammenfassung | Google Fonts ist eine einfache Theme-Komponente, mit der du eine Schriftart von Google Fonts hinzufügen kannst, ohne CSS schreiben zu müssen.
| Vorschau | Vorschau auf Discourse Theme Creator |
| Repository-Link | https://github.com/discourse/discourse-google-font-component
|Neu bei Discourse-Themes? | Einsteigeranleitung zur Verwendung von Discourse-ThemesVon uns gehostet? Theme-Komponenten sind auf unseren Standard-, Business- und Enterprise-Plänen verfügbar.
Ich liebe es wirklich.