Schriftarten
Unter Schriftarten konfigurierst du die Schriftarten deiner gesamten Plattform. Du kannst entweder eine Google Font verwenden oder eine eigene Schriftart hochladen (z. B. Adobe Fonts, lizenzierte Brand-Fonts).
Navigation: Admin → Grundeinstellungen → Branding → Schriftarten
Schriftart-Quelle
Für jede Schriftrolle (Global und Titel & Menü) wählst du eine Schriftart-Quelle:
| Option | Beschreibung |
|---|---|
| Google Font | Standardeinstellung. Du gibst den Namen einer Google Font ein (z. B. „Montserrat"). Die Schrift wird automatisch über die Google Fonts CDN geladen. |
| Eigene Schriftart | Du lädst eine eigene Schriftdatei hoch und gibst den Namen der Schriftart an. Die Schrift wird über einen @font-face-Block direkt von deinem Server geladen. |
Du kannst für die globale Schriftart und die Titel-Schriftart unterschiedliche Quellen wählen: z. B. Google Font für den Fliesstext und eine eigene Schriftart für Titel.
Globale Schriftart
Die globale Schriftart wird für den gesamten Fliesstext der Plattform verwendet.
Google Font (Standard)
| Einstellung | Beschreibung |
|---|---|
| Google Font Name Global | Name der Google Font (z. B. „Montserrat", „Open Sans", „Roboto"). Verfügbare Schriftarten findest du unter fonts.google.com. |
Eigene Schriftart
| Einstellung | Beschreibung |
|---|---|
| Eigene Schriftart Name (Global) | Der Name der Schriftart, wie er in CSS font-family verwendet wird (z. B. „MyBrandFont"). |
| Eigene Schriftart Datei (Global) | Die Schriftdatei zum Hochladen. |
Unterstützte Dateiformate
| Format | Endung | Empfehlung |
|---|---|---|
| WOFF2 | .woff2 | Empfohlen: beste Kompression, von allen modernen Browsern unterstützt |
| WOFF | .woff | Gute Kompatibilität, etwas grösser als WOFF2 |
| TrueType | .ttf | Weit verbreitet, grössere Dateien |
| OpenType | .otf | Professioneller Standard, grössere Dateien |
Andere Dateiformate (z. B.
.eot,.svg,.exe) werden aus Sicherheitsgründen abgelehnt.
Schriftart Titel & Menü
Optional kannst du eine separate Schriftart für Titel (H1-H4) und das Navigationsmenü wählen.
Google Font (Standard)
| Einstellung | Beschreibung |
|---|---|
| Google Font Name Für Titel & Menu | Name der Google Font für Titel und Menü. |
Eigene Schriftart
| Einstellung | Beschreibung |
|---|---|
| Eigene Schriftart Name (Titel & Menü) | CSS font-family-Name für die Titel-Schriftart. |
| Eigene Schriftart Datei (Titel & Menü) | Die Schriftdatei zum Hochladen. |
Allgemeine Einstellungen
Diese Einstellungen gelten unabhängig von der gewählten Schriftart-Quelle.
Fallback-Schriftart
| Einstellung | Beschreibung |
|---|---|
| Fallback Schriftart | Web-sichere Schriftart, die angezeigt wird, falls die Hauptschriftart nicht geladen werden kann. Verfügbare Optionen: Helvetica, Arial, Verdana, Georgia, Times New Roman u. v. m. |
Font-Weights
Für jeden Titel-Level (H1-H4) kannst du die Schriftstärke individuell einstellen.
| Einstellung | Beschreibung | Optionen |
|---|---|---|
| Font-Weight H1 | Schriftstärke für H1-Titel | 300, 400, 500, 600, 700, 800 (Standard: 700) |
| Font-Weight H2 | Schriftstärke für H2-Titel | 300, 400, 500, 600, 700, 800 (Standard: 700) |
| Font-Weight H3 | Schriftstärke für H3-Titel | 300, 400, 500, 600, 700, 800 (Standard: 700) |
| Font-Weight H4 | Schriftstärke für H4-Titel | 300, 400, 500, 600, 700, 800 (Standard: 700) |
Titel-Stil
| Einstellung | Beschreibung |
|---|---|
| Titel in Grossbuchstaben? | Wenn aktiviert, werden alle Titel (H1-H4) in Grossbuchstaben dargestellt. Standard: deaktiviert. |
Vorschau
Auf Bildschirmen mit ausreichender Breite (über 1280px) erscheint rechts neben den Einstellungen eine Live-Vorschau. Klicke auf „Vorschau updaten", um die Änderungen in der Vorschau zu sehen, bevor du speicherst.
Priorität und Verhalten
| Situation | Verhalten |
|---|---|
| Quelle = Google Font | Schrift wird über Google Fonts CDN geladen |
| Quelle = Eigene Schriftart (mit Name + Datei) | Schrift wird über @font-face vom eigenen Server geladen, Google Fonts CDN wird übersprungen |
| Quelle = Eigene Schriftart (ohne Datei oder Name) | Fallback auf die eingestellte Google Font |
| Globale Schriftart ≠ Titel-Schriftart | Beide werden unabhängig geladen |
Eigene Schriftarten werden auch in E-Mails (z. B. Spendenverdankungen) verwendet, sofern der E-Mail-Client
@font-faceunterstützt. Als Fallback greift die konfigurierte Fallback-Schriftart.
Updated 4 days ago