Konfigurieren der Typografie in MemberPress AppKit

Typography establishes brand identity and improves content readability within mobile applications. MemberPress AppKit supports custom font configuration using Google Fonts or uploaded font files.

This document explains how to import fonts, assign typography to app sections, and optimize text display for member engagement.

Verstehen der Typografie Konfiguration

Die Konfiguration der Typografie steuert Schriftfamilien, -stile und -größen in der gesamten App. Benutzerdefinierte Schriftarten passen das Erscheinungsbild der App an Markenrichtlinien an und verbessern die visuelle Konsistenz. Die Integration von Google Fonts bietet umfangreiche Schriftartenoptionen ohne Dateiverwaltung. Der Upload benutzerdefinierter Schriften unterstützt markeneigene Schriftarten. Die korrekte Konfiguration der Typografie verbessert die Lesbarkeit und stärkt die Markenidentität auf allen Bildschirmen der App.

Typografie verstehen Vorteile

Benutzerdefinierte Typografie bietet zahlreiche Vorteile für die Benutzererfahrung und das Branding.

Stärkung der Markenidentität erfolgt durch die einheitliche Verwendung von Schriftarten. Die Mitglieder assoziieren bestimmte Schriftarten mit Markenbekanntheit und Vertrauen.

Optimierung der Lesbarkeit verbessert sich durch die richtige Wahl der Schriftart. Gut gestaltete Schriftarten verbessern die Verständlichkeit und verringern die Belastung der Augen.

Konsistenz der Gestaltung entsteht durch eine einheitliche Typografie auf allen Bildschirmen. Die kohärente Verwendung von Schriften sorgt für ein professionelles, ausgefeiltes Erscheinungsbild.

Verbesserung der Barrierefreiheit ergibt sich aus der richtigen Größe und dem richtigen Gewicht der Schrift. Eine gut lesbare Typografie dient Mitgliedern mit unterschiedlichen Sehfähigkeiten.

Zugriff auf Typografie-Einstellungen

All typography configuration is done in the branding typography interface.

1. Navigieren Sie zu Dashboard > MP AppKit > Branding > Typografie.
   
2. Suchen Sie die Schriftarten importieren Abschnitt.

Die Typografieeinstellungen steuern sowohl den Schriftimport als auch die abschnittsspezifische Zuordnung von Schriften.

Benutzerdefinierte Schriftarten hochladen

Benutzerdefinierte Schriftarten fügen der App-Schriftartenbibliothek eigene Schriftarten hinzu.

1. Navigieren Sie zu Dashboard > MP AppKit > Branding > Typografie.
   
2. Klicken Sie auf Schriftarten hochladen im Abschnitt Schriftarten importieren.

3. Klicken Sie auf Datei auswählen im Upload-Dialog.

4. Wählen Sie eine Schriftdatei auf dem Gerät aus.
   
5. Stellen Sie sicher, dass das Dateiformat TTF, OTF oder WOFF ist.
   
6. Klicken Sie auf Hochladen um den Import abzuschließen.
   
7. Überprüfen Sie, ob die Schriftart unter Importierte Schriftarten.

Hochgeladene Schriften stehen sofort für die Zuordnung zu Anwendungsbereichen zur Verfügung.

Unterstützte Schriftdateiformate

Verschiedene Schriftformate bieten unterschiedliche Kompatibilität und Funktionen.

TrueType-Schriftart (TTF) bietet breite Kompatibilität über alle Plattformen hinweg. TTF-Dateien funktionieren in den meisten Kontexten zuverlässig.

OpenType-Schriftart (OTF) bietet erweiterte typografische Funktionen. OTF unterstützt erweiterte Zeichensätze und Ligaturen.

Web Open Font Format (WOFF) optimiert die Bereitstellung von Schriften für Webkontexte. WOFF-Dateien werden effizient komprimiert, um sie zu verkleinern.

Laden Sie Schriftarten in dem Format hoch, das den Quelldateien entspricht. Vermeiden Sie die Konvertierung zwischen Formaten, da dies die Qualität beeinträchtigen kann.

Importieren von Google-Schriftarten

Die Integration von Google Fonts fügt der Schriftbibliothek der App Web-Schriften hinzu.

1. Navigieren Sie zu Dashboard > MP AppKit > Branding > Typografie.
   
2. Klicken Sie auf Google-Schriftarten importieren im Abschnitt Schriftarten importieren.

3. Durchsuchen Sie die verfügbaren Schriftarten oder verwenden Sie das Suchfeld.

4. Geben Sie einen Schriftnamen in das Suchfeld ein, um die Ergebnisse zu filtern.
   
5. Klicken Sie auf einen Schriftnamen, um eine Vorschau der Stile und Details anzuzeigen.
6. Überprüfen Sie die verfügbaren Schriftschnitte und -arten in der Vorschau.
   
7. Beachten Sie alle Kompatibilitätswarnungen für die ausgewählte Schriftart.

8. Klicken Sie auf Importieren um die Schriftart zur Bibliothek hinzuzufügen.

9. Überprüfen Sie, ob die Schriftart unter Importierte Schriftarten.

Importierte Google Fonts enthalten automatisch alle verfügbaren Schriftschnitte und Stile.

Zuweisung von Schriftarten zu App-Abschnitten

Schriftartenzuweisungen steuern die Typografie für bestimmte Oberflächenelemente.

Schriftart für Fließtext zuweisen

Body text serves as the primary content throughout the app.

1. Navigieren Sie zu Dashboard > MP AppKit > Branding > Typografie.
   
2. Blättern Sie zum Fließtext Abschnitt.
   
3. Klicken Sie auf die Schriftfamilie Dropdown.
   
4. Wählen Sie eine Schriftart.
   
5. Überprüfen Sie die Live-Vorschau zur Kontrolle des Erscheinungsbildes.

Die Schriftart des Fließtextes wirkt sich auf Blogbeiträge, Seiteninhalte und allgemeinen Text in der gesamten App aus.

Zuweisung der Schriftart für die Titel der Navigationsleiste

Die Titel der Navigationsleiste erscheinen in den Kopfzeilen der Anwendungen und in den Seitentiteln.

1. Suchen Sie die Navigationsleisten-Titel Abschnitt.
   
2. Klicken Sie auf die Schriftfamilie Dropdown.
   
3. Wählen Sie eine Schriftart.
   
4. Überprüfen Sie die Vorschau der Navigationsleiste im Live-Vorschaufenster.

Die Typografie der Navigationsleiste sollte bei typischen Betrachtungsabständen klar und deutlich lesbar sein.

Schriftart für Überschriften zuweisen

Überschriften organisieren den Inhalt durch visuelle Darstellung.

1. Suchen Sie die Überschriften Abschnitt.
   
2. Klicken Sie auf die Schriftfamilie Dropdown.
   
3. Wählen Sie eine Schriftart.
   
4. Überprüfen Sie die Überschriftenhierarchie in der Live-Vorschau.

Die Schriftart der Überschriften sollte sich optisch deutlich vom Fließtext abheben.

Zuweisen von Tabulatorleistenbeschriftungen Schriftart

Die Beschriftung der Registerkartenleiste kennzeichnet die unteren Navigationsoptionen.

1. Suchen Sie die Registerkartenbeschriftungen Abschnitt.
   
2. Klicken Sie auf die Schriftfamilie Dropdown.
   
3. Wählen Sie eine Schriftart.
   
4. Überprüfen Sie die Vorschau der Registerkartenleiste im Live-Vorschaufenster.

Die Schriftarten der Tab Bar sollten auch bei kleinen Größen auf mobilen Bildschirmen lesbar bleiben.

Menüs Schriftart zuweisen

Menü-Schriftarten steuern den Text der Navigationselemente in der Registerkartenleiste und im Menü "Mehr".

1. Suchen Sie die Menüs Abschnitt.
   
2. Klicken Sie auf die Schriftfamilie Dropdown.
   
3. Wählen Sie eine Schriftart.
   
4. Überprüfen Sie die Menüvorschau im Live-Vorschaufenster.

Menu fonts should be legible for quick navigation scanning.