# Google Fonts

**URL:** <https://meta.discourse.org/t/google-fonts/143720>\
**Category:** Theme component\
**Tags:** official, google-fonts\
**Created:** [9. März 2020 um 17:22 UTC](https://meta.discourse.org/t/google-fonts/143720 "2020-03-09T17:22:09Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Discourse](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/discourse/32/580155_2.png) [@Discourse](https://meta.discourse.org/u/Discourse)\
**Post date:** [9. März 2020 um 17:22 UTC](https://meta.discourse.org/t/google-fonts/143720/1 "2020-03-09T17:22:09Z")

</div>

||||  
-|-|  
:discourse2: | **Zusammenfassung** | **Google Fonts** ist eine einfache Theme-Komponente, mit der du eine Schriftart von [Google Fonts](https://fonts.google.com/) hinzufügen kannst, ohne CSS schreiben zu müssen.  
| 👓 | **Vorschau** | [Vorschau auf Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/google-fonts) |  
🛠 | **Repository-Link** | [https://github.com/discourse/discourse-google-font-component](https://github.com/discourse/discourse-google-font-component)  
📖 | **Neu bei Discourse-Themes?** | [Einsteigeranleitung zur Verwendung von Discourse-Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966)

Diese Theme-Komponente installieren

> [@](#):
>
> :discourse2: Da dies eine von der Discourse-Community gepflegte #official theme component ist, können #Support, #Contribute > Bug, #Contribute > UX und #contribute:feature-Anfragen in den entsprechenden Kategorien hier auf Meta gestellt und mit dem passenden Theme-Komponenten-Tag versehen werden. Klicke auf einen der unten stehenden Links, um eine Anfrage zu starten. 👍
> 
> [❓&nbsp; **Support**](https://meta.discourse.org/new-topic?category_id=6&tags=google-fonts "Fragen zur Konfiguration und Nutzung von Google Fonts") [🐛&nbsp; **Bug**](https://meta.discourse.org/new-topic?category_id=1&tags=google-fonts "Ein Bug-Report bedeutet, dass etwas nicht funktioniert und die normale Nutzung der Theme-Komponente verhindert wird") [👀&nbsp; **UX**](https://meta.discourse.org/new-topic?category_id=9&tags=google-fonts "Diskussion über die Benutzeroberfläche von Google Fonts und wie Funktionen dargestellt werden (einschließlich Sprache und UI-Elemente)") [💡&nbsp; **Feature**](https://meta.discourse.org/new-topic?category_id=2&tags=google-fonts "Diskussion darüber, wie bestehende Google Fonts-Funktionen verbessert oder erweitert werden können und wie vorgeschlagene neue Funktionen funktionieren könnten")

### Funktionen

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](https://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

  

> :discourse2: **Von uns gehostet?** Theme-Komponenten sind auf unseren Standard-, Business- und Enterprise-Plänen verfügbar.

---

_[View the full topic](https://meta.discourse.org/t/google-fonts/143720)._
