Das Thema Schriften ist gar nicht so einfach und ein sicherer Umgang damit erfordert viel Erfahrung.
Wie viele Schriften brauche ich für meine Website?
Auf einer Website hast du unterschiedliche Textarten:
Überschriften
Überschriften dienen dazu, den Inhalt einer Seite oder eines Abschnitts zusammenzufassen und die Aufmerksamkeit der Leser zu erregen. Sie werden oft in größeren Schriftgrößen und in fett oder kursiv dargestellt.
Fließtext
Fließtext ist der Hauptinhalt einer Website und besteht aus zusammenhängenden Absätzen und Sätzen. Er liefert detaillierte Informationen, Erklärungen oder Beschreibungen zu einem bestimmten Thema.
Unterüberschriften
Unterüberschriften werden verwendet, um den Fließtext in Abschnitte oder Themenbereiche zu gliedern. Sie sind in der Regel kleiner und weniger hervorgehoben als Hauptüberschriften, aber größer und fettgedruckt als normaler Fließtext.
Zitate
Zitate können auf einer Website verwendet werden, um besondere Aussagen, Expertenmeinungen oder inspirierende Texte hervorzuheben. Sie können in Anführungszeichen gesetzt oder durch Einrückungen oder Hervorhebungen visuell hervorgehoben werden.
Listen
Listen, wie zum Beispiel Aufzählungen oder nummerierte Listen, helfen dabei, Informationen übersichtlich und leicht verständlich darzustellen. Sie werden verwendet, um Punkte, Merkmale, Anleitungen oder Schritte aufzulisten.
Call-to-Action (CTA)
CTAs sind spezielle Texte oder Buttons, die die Benutzer dazu auffordern, eine bestimmte Aktion auszuführen, wie z.B. einen Newsletter abonnieren, ein Produkt kaufen oder Kontakt aufnehmen. Sie sind oft kurz und prägnant formuliert, um die Benutzer zum Handeln zu motivieren.
Welche Unterschiedlichen Schriftgruppen gibt es?
Schriftarten sind in unterschiedlichen Gruppen gegliedert. Hier geb ich dir einen Überblick der gängigsten Schriftgruppen und ihrer Wirkung
Serifenschriften
- traditionell
- altmotisch
- bodenständig
Serifenlose Schriften
- neutral
- nüchtern
- rational
- modern
Schreibschiften
Sie wirken:
- förmlich
- elegant
- gehoben
Freie Handschriften
Sie wirken:
- menschlich
- persönlich
- kindlich
Die Wirkung ist hier sehr pauschal beschrieben und soll dir nur einen ersten Eindruck vermitteln, wie einer Schrift einen Charakter zugesprochen wird.
Welche Anforderungen gibt es an Website-Schriften?
Bildschirmauflösung
Die große Herausforderung an Website-Schriften sind Pixel & die unterschiedlichen Bildschirmauflösungen. Je nachdem von welchem Gerät (Smartphone, Bildschirm, Retina-Display) deine Website betrachtet wird, wird die Schrift anders dargestellt. Du kennst wahrscheinlich noch pixelige Darstellung wie diese hier:
Bildschirmauflösungen werden in Zeiten von Retina Displays immer besser, dennoch dürfen wir nicht außer Acht lassen, dass noch ganz viele unterschiedliche Bildschirmauflösungen im Umlauf sind.
Platz
In Deutschland werden rund 84% der Internetaufrufe von einem Smartphone getätigt. (Quelle Statista). Was bedeutet das die Schriften weniger Platz zur verfügung haben. Sie brauchen viel Platz auf kleinem Raum und sollen gut lesbar sein.
Dynamische Layouts
Es gibt kein festes Layout bei Websites sondern die Anforderung, dass Websites responsiv sein müssen. Das heißt, dass die Schriften in unendlich vielen Darstellungsformen gut lesbar sein müssen.
Lizenzkosten
Ein wichtiger Punkt sind die Lizenzkosten. Denn viele Schriften haben je nach Website-Aufrufe oder verwendung (Website, App, Ads) eigene Lizenzkosten. Die sollten ebenfalls mit Berücksichtigt werden.
Welche Schriften eignen sich für meine Website?
Eine gute Nachricht vorweg. Du kannst für deine Website Serifenlose und Serifenschriften verwenden. Früher ging die Empfehlung klar zur Serifenlosen Schrift. Durch die schlechte Auflösung mancher Bildschirme konnte man Serifenschriften nicht gut lesen. Da die Auflösung der Schriften immer besser wird, sind Serifen kein großes Problem mehr.
Serifenschriften
Wenn du Serifen Schriften verwendest. Dann achte Darauf, dass die Serifen nicht zu dünn sind, sondern auch deutlich erkennbar sind. Wenn die Serifen zu dünn sind, verschwimmt das Bild und sie sind nicht gut lesbar.
Gut geeignete Serifenschriften: Georgia, Droid Serif Regular, Adelle Regular, Baskerville, Playfair Display
Schmale Schriften
Schmale Schriften eignen sich mehr als Breite Schriften, da sie weniger Platz brauchen. Hier siehst du als Beispiel zwei Serifenlose Schriften (Links Montserrat und rechts Open Sans) Textlänge und Größe sind gleich. Montserrat verbraucht viel mehr Platz, was die mobile Nutzung negativ beeinträchtigt
Gut geeignete Serifenlose Schriften: Lato, Open Sans, Verdana, Karla, Noto Sans
Linienstärke
Schriften bei der die Linienstärke stark varriert sind ebenfalls nicht gut für Websites geeignet. Teste die Schrift immer auf verschiedenen Hintergründen um zu prüfen, ob die Schrift auch unter verschiedenen Bedingungen gut lesbar ist.
Akzentschriften
Schreibschriften oder freie Handschriften geben deinen Texten nochmal eine ganz persönliche Note.
Wenn du auf der Suche nach Schreibschriften bist, dann ist es wichtig eine Schrift zu wählen, die Lesbar ist.
Achtung! Bei freie Handschriften wird man ganz schnell Betriebsblind was die Lesbarkeit betrifft. Zeige Texte unbedingt einer 3. Person, um zu prüfen, ob sie für andere ebenfalls lesbar ist.
Setze Schreibschriften in Maßen ein!
Am besten nutzt du die Schrift für kurze Zitate oder um einzelne Worte hervorzuheben.
Lange Sätze sind schwer lesbar.
Hilfreiche Website
Wenn es dir schwer fällt geeignete Schriftpaare zu finden, empfehle ich dir Websites wie z.B. fontpair.co
Dort bekommst du viele passende Fontkombinationen angezeigt.
Wenn du auf der Suche nach kostenlosen Fonts bist, dann ist Google Fonts eine gute Anlaufstelle. Beim verwenden von Google Fonts solltest du darauf achten, dass sie Lokal eingebunden sind und nicht direkt von der Website verknüpft werden. Hier findest du meinen Blog Beitrag dazu
Kostenpflichtige Fonts findest du auf Seiten wie Creative Market, MyFonts oder Envato Elements.
Die Lesbarkeit der Texte ist das A und O auf deiner Website. Am Besten du probierst potenzielle Schriften direkt auf verschiedenen Endgeräten aus, um einen guten Eindruck von der Schrift zu bekommen.
Ich wünsch dir viel Freude beim probieren und finden deiner passenden Website Schrift!
