Schriften und Texte in Webseiten

Schriften und Texte in einer (Jimdo) Website

Schriftfarben

Es gibt nicht wenige Seiten, die gern viele Farben in den Texten und nicht nur dort, einsetzen.

Mal Grün, mal Rot, mal Blau, mal Gelb, oder auf jede Seite eine andere Textfarbe. Erlaubt ist was gefällt.

 

Anzahl der Schriftfarben

In der Regel sollten nicht mehr als 5 Farben für Schriften in einer Website zum Einsatz kommen.

 

Schriftfarben und Lesbarkeit

Achten Sie auf die Lesbarkeit Ihrer Texte. Es muss nicht immer schwarz auf weiß sein. Aber gerade wenn Text direkt auf Hintergrundgrafiken, oder teiltransparenten Hintergrund dargestellt werden soll, ist die Lesbarkeit des Textes stark reduziert.

Wenn Sie leuchtende Farben verwenden, testen Sie die Lesbarkeit der Texte und auch den ersten Eindruck auf unterschiedlichen Ausgabegeräten, bzw. Monitoren.

Denken Sie bei der Farbwahl auch an Ihre Zielgruppe.

 

Farben sind eine Möglichkeit Texte besonders hervor zu heben. Aber, es ist nicht die einzige Möglichkeit.

so sollte der Text einer Website nicht aussehen
viele Farben - schon oft gesehen
lesbar und übersichtlich
lesbar und übersichtlich

Schriftgröße

Die richtige Wahl der Schriftgröße fällt nicht immer leicht. 

Diese sollte sich nach der verwendeten Schriftart, sowie den Umfang der Texte in der Website richten.

 

Schriftgröße je Einsatz

 

Für Text  11 px bis 14 px

Für Überschriften eine Abstufung benutzen in Schritten von 2 px.

Tipp: Die Überschrift 1 muss nicht gleich die gößte Schrift besitzen. Bei gleicher Schriftgröße, Schriftfarben für die Unterscheidung einsetzen.

 

Schriftgröße und Zeilenabstand

 

Wie auch in Word kann der Zeilenabstand die Lesbarkeit des Textes unterstützen. Der Text wirkt nicht so gedrängt, wirkt aufgelockert, die Augen können die neue Zeile besser finden. 

 

Wenig Text - größere Schrift - Zeilenhöhe zwischen 120 % - 160 % 

Viel Text - kleinere Schrift - Zeilenhöhe 140 % - 170 % 

Zeilenabstand passend zur Schriftgröße
Zeilenabstand passend zur Schriftgröße
mehr Abstand nach der Überschrift
mehr Abstand nach der Überschrift

Und da wären dann noch fett und kursiv

Sie können die Texte auch fett darstellen. Aber Vorsicht.

Setzen Sie dies ganz bewust und nur für Hervorhebungen ein. Google und Co bewerten Text in fett gewichtiger. Doch ganze Seiten mit Texten in Fett erwartet das Gegenteil.

Weniger ist auch hier mehr.


Texte in kursiv sind meist schwer lesbar. Für besondere Hervorhebungen von einzelnen Wörtern aber gut geeignet.

Schriftart

Jimdo bietet je nach Paket mehr oder weniger Schriftarten zur Auswahl (alte Templates / Designs). Neue Designs enthalten alle Schriftarten aus Google-Fonts.

 

Überschriften mit gesonderter Schriftart hervor heben

Überschriften können über eine andere Schriftart hervorgehoben werden. Dazu muss die Schriftgröße nicht zwingend größer als der Text sein.

Für alle die ein wenig mehr brauchen:

Unter Einsatz des Text-Elementes und zusätlichen Styles kann Schriftgröße und Schriftfarbe auch je Seite variieren. Dieses sollte wenn möglich auf die Überschriften begrenzt werden.

 

Schriftarten und die Lesbarkeit von Texten

Bei Texten achten Sie bei der Auswahl  der Schriftart auf die Lesbarkeit der Texte. Die richtige Wahl der Schriftgröße und des Zeilenabstands ermöglichen auch hier den Einsatz von anderen Schriftarten.

Verwenden Sie für die Texte nicht mehr als 2 Schriftarten.

 

Passende Schriftart nicht in der Auswahl?

Wenn keine von den angebotenen Schriften  gefällt, gibt es die Möglichkeit weitere Schriftarten in die Website einzufügen. Je nach Anbieter oder Website ist dies mehr oder weniger aufwendig.

 

Für alle alten Templates / Desings finden Sie eine große Auswahl  unter anderem bei Google Webfonts

Überschriften je Unterseite eine Farbe
Überschriften je Unterseite eine Farbe
schwer lesbar und leicht lesbar
schwer lesbar und leicht lesbar

Feinschliff - Abstände und mehr 

Buchstaben – Wörter sind zu nah beieinander?

Eigentlich gefallen die Schrift und deren Formatierung. Doch für die Lesbarkeit wäre etwas mehr Abstand zwischen den Buchstaben oder Wörtern hilfreich? Dazu muss nicht immer eine andere Schrift gewählt werden.

In Jimdo gibt es die Möglichkeit über den Bereich "Head bearbeiten" weitere mögliche Eigenschaften für den Text einzutragen.

Für die Umsetzung, bzw. Zuordnung benötigen Sie das Können in CSS oder einen Dienstleister.


Schrift ABEL normal
Schrift ABEL normal
Schrift ABEL minimaler Zeichenabstand
Schrift ABEL minimaler Zeichenabstand
Schrift ABEL großer Zeichenabstand
Schrift ABEL großer Zeichenabstand

Kommentar schreiben

Kommentare: 0