Kurz gesagt: Die Schriften deiner Website stellst du zentral ein, sie gelten auf allen Seiten. Viele Patientinnen und Patienten lesen am Handy, manche ohne Brille. Für den Fließtext zählt deshalb vor allem eins: Lesbarkeit. Bewährt hat sich eine ruhige Serifenschrift für Überschriften und eine klare, serifenlose Schrift für den Text.
Wo im System: Webseiten (CMS) → Seiten → Websitedaten bearbeiten (pinkfarbener Link oben) → Globale Variablen → Reiter Design / Style → Bereich Schriften
Auf einen Blick
Schriften wählen
Websitedaten bearbeiten > Design / Style > Schriften
Eine ruhige Serifenschrift für Überschriften, eine klare, serifenlose Schrift für den Text.
Speichern und am Handy lesen
Websitedaten speichern
Einen Absatz einer Behandlungsseite lesen: Geht das ohne Zoomen?
Nur bei Bedarf fein einstellen
Design / Style > Erweiterter Designbereich
Immer nur einen Wert ändern und danach am Handy prüfen.
Schritt für Schritt
- Öffne Webseiten (CMS) → Seiten und klicke oben auf Websitedaten bearbeiten.
- Wechsle in den Reiter Design / Style und scrolle bis zum Bereich Schriften.
- Wähl die Schrift für Überschriften und für den Fließtext aus. Zur Auswahl stehen lizenzfreie Schriften, die für das Web gemacht sind. Wie sie aussehen, kannst du vorher bei Google Fonts ansehen.
- Klicke auf Websitedaten speichern.
- Öffne eine Seite mit viel Text, zum Beispiel eine Behandlungsseite, am Handy und lies einen Absatz. Geht das ohne Zoomen und ohne Anstrengung?
Die Einstellungen im Überblick
| Feld | Was du einträgst | Warum das wichtig ist |
|---|---|---|
| Überschrift - Schriftart | Eine ruhige Serifenschrift, zum Beispiel Lora oder Bitter, oder eine ähnliche aus der Liste | Serifen-Überschriften wirken warm und hochwertig, ohne laut zu sein. |
| Überschrift - Schriftgestaltung | Normal statt fett (in der Vorlage steht Automatisch und Fettdruck) | Fette Serifen wirken schnell schwer. Eine normale Strichstärke mit etwas Luft wirkt ruhiger. |
| Überschrift - Farbe | Eine dunkle Farbe aus deiner Farbwelt | Überschriften müssen sich klar vom Hintergrund abheben. Helle Pastelltöne sind schlecht lesbar. |
| Unterüberschrift - Schriftgestaltung | Gut unterscheidbar von der Überschrift | Zwischenüberschriften helfen beim Überfliegen langer Seiten, etwa bei Behandlungen und Ratgebern. |
| Tagline - Schriftgestaltung | Klein und ruhig | Die kurze Zeile über der Überschrift soll begleiten, nicht mit ihr konkurrieren. |
| Fließtext - Schriftart | Eine klare, serifenlose Schrift, zum Beispiel Manrope oder Montserrat | Gut lesbar auch auf kleinen Bildschirmen und bei langen Texten. Keine sehr dünnen Schnitte. |
| Überschrift - Icon und Überschrift - Icon (Safari), Icon - Farbe, Icon - Größe | Optional ein kleines Symbol vor Überschriften | Nur, wenn es zu deiner Praxis passt. Die Farbe muss sich deutlich vom Hintergrund abheben, sonst kann es in Safari zu Darstellungsfehlern kommen. |
Feineinstellungen für Größe und Abstände
Deine Vorlage hat weiter unten im Abschnitt Erweiterter Designbereich zusätzlich Felder für Größe (Größenfaktor, zum Beispiel 1.25 für etwas größer), Großschreibung (Transformation), Schriftart und Buchstabenabstand (Letter-Spacing) je Überschriftenebene H1 bis H6, für Tagline und Fließtext sowie für die Zeilenhöhe von Überschriften und Text. Lass sie leer, solange alles gut lesbar ist. Sie sind für den Fall gedacht, dass eine Schrift zu klein oder zu eng wirkt. Ändere immer nur einen Wert und prüf danach am Handy.
Gut zu wissen
- Zwei Schriften reichen: eine für Überschriften, eine für Text. Sie dürfen unterschiedlich sein, sollten aber zusammenpassen.
- Großzügig statt eng: Etwas größerer Fließtext und genug Zeilenabstand helfen allen, besonders älteren Patientinnen und Patienten.
- Fremdes Symbol vor Überschriften? Steht vor deinen Überschriften ein Symbol, das nicht zu deiner Praxis gehört, entfern es in den Feldern Überschrift - Icon und Überschrift - Icon (Safari).
- Telefonnummern, Uhrzeiten und Zahlen wirken in einem einheitlichen Format ordentlicher, zum Beispiel „Mo–Fr 8:00–12:00 Uhr“.