Konfigurieren von Google Fonts in der MemberPress-App

Die Integration von Google Fonts ermöglicht eine individuelle Typografie, die den Stilrichtlinien Ihrer Marke entspricht. Für den Import von Schriftarten ist ein gültiger Google Fonts API-Schlüssel erforderlich. In diesem Dokument wird erläutert, wie Sie den API-Schlüssel konfigurieren, Schriftarten importieren und die Typografie in der gesamten App anwenden.

Google Fonts-Integration verstehen

Google Fonts bietet umfangreiche Schriftartenoptionen für die Anpassung der Typografie von Apps. Durch die Konfiguration eines API-Schlüssels wird die App mit der Google Fonts-Bibliothek verbunden. Importierte Schriftarten können auf verschiedene Elemente der Benutzeroberfläche angewendet werden, darunter Fließtext, Überschriften und Navigationsbeschriftungen.

Konfigurieren des Google Fonts API-Schlüssels

Die API-Schlüsselkonfiguration ermöglicht das Durchsuchen und Importieren von Schriftarten.

1. Navigieren Sie zu Dashboard > MP App > Integrations > Google Fonts.
   
2. Klicken Sie auf Schlüssel erhalten neben dem Feld „Google Fonts API Key“.

3. Die Google Developers Console wird in einem neuen Browser-Tab geöffnet.
   
4. Scrollen Sie nach unten und klicken Sie auf Schlüssel erhalten auf der Seite „API-Schlüssel erwerben und verwenden“.

5. Melden Sie sich mit einem Google-Konto an, wenn Sie dazu aufgefordert werden.
6. Erstellen Sie ein neues Projekt oder wählen Sie ein bestehendes Projekt aus der Liste aus.

7. Geben Sie einen Projektnamen in das Feld „Projektname“ ein.
   
8. API-Aktivierung bestätigen.

9. Klicken Sie auf Schlüssel anzeigen.

10. Kopieren Sie den generierten API-Schlüssel aus dem angezeigten Feld.
    
11. Zurück zu Dashboard > MP App > Integrations > Google Fonts.
    
12. Fügen Sie den API-Schlüssel in das Feld „Google Fonts API Key“ ein.
    
13. Klicken Sie auf Änderungen speichern.

Anmerkung: Vor dem Importieren von Schriftarten aus der Google Fonts-Bibliothek ist ein gültiger API-Schlüssel erforderlich.

Importieren von Google-Schriftarten

Der Font-Import fügt Schriftarten zur Liste der verfügbaren Schriftarten für die App-Typografie hinzu.

1. Navigieren Sie zu Dashboard > MP App > Branding > Typography.
   
2. Suchen Sie die Google-Schriftarten importieren Abschnitt.
   
3. Klicken Sie auf Google-Schriftarten importieren um den Schriftarten-Browser zu öffnen.

4. Durchsuchen Sie die verfügbaren Schriftarten oder verwenden Sie das Suchfeld, um bestimmte Schriftarten zu finden.
   
5. Wählen Sie die gewünschte Schriftart aus den Suchergebnissen oder der Liste aus.

6. Klicken Sie auf Importieren die Schriftart zu den verfügbaren Schriftarten hinzufügen.

Anmerkung: Importierte Schriftarten müssen im TTF-Format vorliegen, damit sie in der App korrekt funktionieren.

Importierte Schriftarten anwenden

Importierte Schriftarten werden in den Typografieeinstellungen angezeigt, um sie Schnittstellenelementen zuzuweisen.

1. Navigieren Sie zu Dashboard > MP App > Branding > Typography.
   
2. Scrollen Sie zu dem Interface-Element, dem eine Schriftart zugewiesen werden soll.
   
3. Wählen Sie die gewünschte Schriftart aus der Dropdown-Liste der Schriftfamilien aus für:

• Fließtext für die Typografie des Hauptinhalts;
• Überschriften für die Überschriftenebenen H1 bis H6;
• Navigationsleisten-Titel für Kopfzeilentext;
• Registerkartenbeschriftungen für den Text der unteren Navigation;
• Menüs für Menüpunkttext.

4. Passen Sie die Schriftgröße bei Bedarf in den Größenfeldern an.
   
5. Konfigurieren Sie nach Bedarf zusätzliche Schriftstile.
   
6. Klicken Sie auf Änderungen speichern Schriftarten auswählen.

Schriftartänderungen gelten global für alle App-Bildschirme, die die ausgewählten Interface-Elemente verwenden.