Google Fonts

:discourse2: Zusammenfassung Google Fonts ist eine einfache Theme-Komponente, mit der Sie eine Schriftart von Google Fonts hinzufügen können, ohne CSS schreiben zu müssen.
:eyeglasses: Vorschau Vorschau im Discourse Theme Creator
:hammer_and_wrench: Repository-Link https://github.com/discourse/discourse-google-font-component
:open_book: Neu bei Discourse Themes? Anfängerleitfaden zur Verwendung von Discourse Themes

Dieses Theme installieren

Funktionen

Diese Komponente ermöglicht es Ihnen, die Hauptschriftart der Website festzulegen und optional separate Schriftarten für Überschriften und monospaced Text (Code-Blöcke) zu wählen. Sie können in jedem Fall auch eine Schriftstärke auswählen und die Schriftgröße erhöhen.

Im Hintergrund wird dabei ein wenig CSS zusammen mit dem Google-Schriftart-<link> eingerichtet. Beachten Sie, dass dies darauf angewiesen ist, dass Google die Schriftartdateien von https://fonts.googleapis.com/ bereitstellt.

Einstellungen

Name Beschreibung
fonts Fügen Sie den Namen der Schriftart(en) hinzu, die Sie von fonts.google.com verwenden möchten. Beachten Sie, dass Schriftartnamen groß- und kleinschreibungsabhängig sind!
body font Die Hauptschriftart, die in ganz Discourse verwendet wird; muss in der Einstellung „fonts" oben 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 Einstellung „fonts" oben 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 Einstellung „fonts" oben enthalten sein
monospaced font weight Schriftstärke im Bereich von 100–900. 400 ist normal, 700 ist fett
normal font size Standard-Schriftgröße für alle Benutzer; eine Anpassung hiervon ändert alle Schriftgrößen proportional
smaller font size In den Benutzeroberflächen-Einstellungen jedes Benutzers auswählbar
larger font size In den Benutzeroberflächen-Einstellungen jedes Benutzers auswählbar
largest font size In den Benutzeroberflächen-Einstellungen jedes Benutzers auswählbar

:discourse2: Von uns gehostet? Theme-Komponenten können in unseren Standard-, Business- und Enterprise-Plänen verwendet werden.

51 „Gefällt mir“

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 „Gefällt mir“

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

1 „Gefällt mir“

Thank you. I love it. :grin:

3 „Gefällt mir“

Danke :heart: Ich liebe es wirklich.

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.

1 „Gefällt mir“

Ich sehe auch Standardschriftarten, aber auf der
https://yoursite.org/u/activate-account/... Aktivierungsseite für Konten

Ich habe es versucht und dies ist tatsächlich ein Problem.

Die veröffentlichte Seite versucht, die Google-Schriftart über die Themenkomponente zu laden:

image

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.

1 „Gefällt mir“

Um ehrlich zu sein, seit dieser Entdeckung definiere ich meine Schriftarten in benutzerdefiniertem CSS. Funktioniert super.

2 „Gefällt mir“

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.

Vielen Dank für Ihre Arbeit daran!

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.

1 „Gefällt mir“

Es scheint einen Fehler zu geben, zumindest in meinem Forum. Wenn ich die Schriftart „Inter“ mit dieser Komponente hinzufüge, passiert Folgendes:

  • Beginnen Sie mit der Bearbeitung oder dem Verfassen einer Nachricht
  • Wechseln Sie zu einer anderen App, während der Composer geöffnet ist
  • Kommen Sie zurück, und der Zoom ist völlig falsch, als wäre er zu weit hineingezoomt
  • Es wird auch Fehler beim Chat und beim Scrollen geben

Ich bin mir nicht sicher, ob dies bei anderen Schriftarten vorkommt, aber es passiert zu 100 %, wenn ich diese Komponente zu einem Thema hinzufüge.

Ist dies ein bekannter Fehler? Gibt es eine Lösung?

Danke

2 „Gefällt mir“

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

2 „Gefällt mir“

Welche Discourse-Version? Ich bin auf 3.3 Stable und sehe Inter nicht. Habe die gleichen Probleme wie einige der Benutzer hier mit dieser Komponente.

Ich bin auf 3.3 und möchte Inter verwenden. Obwohl die Schriftart geladen wird, ist fette Schrift nicht fett.

Sie müssen auf 3.4 aktualisieren, um die integrierte Inter-Option nutzen zu können.

2 „Gefällt mir“

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.

2 „Gefällt mir“