Webdesign

Schriftarten und -größen für ein gelungenes Webdesign

Schriftarten und -größen für ein gelungenes Webdesign

Es gibt unzählige Dinge die man für ein gutes Webdesign beachten sollte: optimierte Grafiken und Bilder, Farbgebung und Responsivität. Doch die Frage nach der bestmöglichen Schrift geht dabei meist unter.

 

Gut lesbare Schriftarten für Webseiten

Die Schriftart hat einen großen Einfluss auf die Usability der Webseite. Doch welche Schriftart ist am besten lesbar? Es gibt nicht die perfekte Schriftart für Webseiten, aber im Allgemeinen lassen sich an Displays serifenlose Schriften besser lesen als Serifenschriften. Das unterscheidet auch die online Typografie von der offline Typografie, bei der Serifenschriften als besser lesbar gelten und bevorzugt bei längeren Texten bevorzugt eingesetzt werden. Aber nicht nur die Schriftart sondern auch der Schriftschnitt und die Schriftgröße spielen eine entscheidende Rollen. So sind Light oder Thin Schriftschnitte auf einem Display oftmals schlecht lesbar. Viel Text lässt sich auf einer Webseite am besten erfassen, wenn die Schriftgröße ca. 14 16 px beträgt und ausreichend Zeilenabstand aufweist. Natürlich ist die Schriftgröße auch abhängig von der Schriftart, sodass diese Angaben abweichen können. Auch sollte auf  ein ausgeglichenes typografisches Bild mit Überschriften, Zwischenüberschriften und Absätzen geachtet werden. Dies erleichtert nicht nur das Lesen, Webseiteninhalte werden zudem übersichtlicher und schnell erfassbar dargestellt.  

 

Kombination von Schriftarten für Webseiten

Natürlich kann man auch verschiedene Schriftarten miteinander kombinieren, doch sollte man sich hier auf zwei Schriftarten beschränken, da das typografische Bild sonst zu chaotisch wird und an Übersicht verliert. Es gilt die Regel: Eine Typografie ist dann perfekt, wenn sie keiner bemerkt bzw. sie keinem negativ aufstößt.

 

Definierte Schriftarten im Corporate Design

Wenn ein Unternehmen bereits über ein Corporate Design verfügt, gilt es hier natürlich zu schauen, ob Schriften für den Online-Bereich definiert sind. Wenn dies nicht der Fall ist, kann man in Erfahrung bringen, ob sich die definierte Unternehmensschrift auch eins zu eins in den Online Bereich umsetzen lässt. Das wäre die optimalste Lösung, da auch eine Webseite das Unternehmensbild nach Außen vermittelt und auf die Wiedererkennung des Unternehmens setzt. Ist keine Unternehmensschrift für die online Präsentation definiert, hat man die Option, eine artverwandte Schrift zu suchen. Hier bietet sich der Dienst  Google Fonts an.  

 

Screenshot Google FontsMit Google Fonts die richtige Schriftart finden

Der von Google angebotene Dienst ist sowohl dann hilfreich, wenn im Corporate Design keine Schriften für die Online-Anwendung definiert sind, als auch wenn besagtes Corporate Design gar nicht existiert. Google bietet unterschiedliche Schriftarten und -schnitte an. Hat man sich für eine Schrift entschieden, zeigt Google einem auch gleich Kombinationsmöglichkeiten mit anderen Schriftarten an. Wie man seine ausgewählte Google Font am besten in seine Website integriert, steht in meinem Artikel “Google Fonts DSGVO konform in WordPress einbinden”

 

The following two tabs change content below.

Julia

Hallo, ich bin Julia und unterstütze das Team der Klickkomplizen seit August 2015 im Bereich Web- und Printdesign. Mein Herz schlägt für Photoshop und InDesign und somit auch für Neuheiten und Trends in diesem Bereich.
NEU im #Klickkomplizen Blog: 🔁 der Balanceakt zwischen Zielgruppen-Targetierung und Optimierung in FB Ads: ihr kenn… https://t.co/S6q8rupuD0
Geschäftsreisen. 🚗🚌🚲🚆 Werden bei den #klickkomplizen größtenteils mit dem Zug u.a. öffentlichen Verkehrsmitteln bew… https://t.co/rKRBcZtb7Y
Unseren Tipp Nr. 10 geben wir euch als Hausaufgabe für das Wochenende mit. Seit Anfang März geben wir Tipps zu mehr… https://t.co/kV5PFLmkSp
#Nachhaltigkeit ist auch in der #Modebranche ein großes Thema. 👗🧥✂ Dazu gibt es die Initiative @Fash_Rev, welche He… https://t.co/6M1sTI3jVg
Die #klickkomplizen heute auf Besuch unserer Verlage auf der #lbm2019 #buchmesse @HarperCollins @carlsen_verlag https://t.co/i5v7atJdAL
NEU im #Klickkomplizen Blog: Peggy ist zurück aus dem #sabbatical und war direkt bei #Google im neuen Office in Be… https://t.co/jyN2bas02Z
Anschließend an unseren Tipp Nr. 7 wollen wir euch fragen: was sind eure Bürogetränke? 🥛☕🍹 (Neben Kaffee) gibt es b… https://t.co/IXivDMSK0Z
NEU im #Klickkomplizen Blog: 📎 wie man die #Facebook Anzeigenschaltung an die Platzierungen anpassen kann und was m… https://t.co/glmmNLQnDA
Tipp Nr. 8 der #Klickkomplizen #green2019 Aktion: 🌍 die Herausforderung, Plastik zu vermeiden, haben viele währe… https://t.co/X56h0OJyFI
Dieser Beitrag zu #GreenIT via @t3n passt wunderbar in unseren #green2019 Nachhaltigkeitsmonat. Hier geht es nicht… https://t.co/ocoMq0t1vG
Tipp Nr. 7 unserer #green2019 Aktion: wusstet ihr, dass sich nur etwa die Hälfte der PET-Flaschen für die Wiederver… https://t.co/sWaB05qdTi
Anschließend an unseren gestrigen Tweet gleich noch ein paar Ideen zum alternativen Einkaufen: kennt ihr bspw.… https://t.co/PTScyvShxw
Wir kaufen zu viele Lebensmittel und der Supermarkt wirft noch zu Verzehrendes weg: Tipp Nr. 6 der #green2019 Aktio… https://t.co/rGntHjXhyd
NEU im #Klickkomplizen Blog: an alle Influencer da draußen, wie ärgerlich sind unscharfe Fotos auf Instagram? Sehr!… https://t.co/FuIQ957cdc
Das papierlose Büro. Bei uns fast Realität, spart neben Ressourcen auch Platz (#MarieKondo lässt grüßen!). Hier gi… https://t.co/7vM7RXqE9z
Sparfuchs-Tipp on top: Viele Kaffeehausketten füllen die mitgebrachten Becher auf - oft gibt es einen kleinen Rabat… https://t.co/6zTVtbATrS
NEU im #Klickkomplizen Blog: Tomke hat für euch einen Blick auf die #AppleSearchAds geworfen. Das sind… https://t.co/37GJKOWz3m
Das geht an alle #Klickkomplizen da draußen: eine #Suchmaschine, die durch Klicken, also Suchen, Bäume pflanzt? Kli… https://t.co/7xD6luu5P4
Tipp Nr. 4 der #green2019 Aktion zum Montag dreht sich um #kaffee. Wie trinkt ihr im Büro euren Wachmacher? Bitte… https://t.co/4JhyFaoWHU
Share This