Zum Inhalt springen

Welche Schriftgröße & Schriftart ist für Webseiten perfekt?

    ()

    Erstaunlich: Bei der Schriftgröße und Schriftart fängt es an. Die Nutzererfahrung ist ein wichtiges Kriterium für eine gelungene Website. Häufig stoße ich auf Webseiten, die kaum entzifferbar sind. Die Buchstaben sind zu klein oder zu verschnörkelt dargestellt.

    Warum zwingen Webmaster Leser zu so einem Kraftakt?

    Passen die Einstellungen nicht, ist es anstrengend, den Text zu lesen. Besucher verlieren das Interesse am Inhalt. Du musst immerfort wissen: Der besser zu lesende Text ist nur einen Klick entfernt. Der Besucher geht, wann immer er will.

    Heute kläre ich auf, welches die beste Schriftgröße und -art für Websites ist.

    schriftart-schriftgroeße-webseiten
    Welche Schriftgröße & Schriftart ist für Webseiten perfekt?

    Webseiten Schriftgröße – bitte nicht zu klein oder zu groß!

    Eine kleine Anpassung mit großer Wirkung erzeugt die Änderung der Schriftgröße. Bei Word-Dokumenten wird häufig die Stufe 11 oder 12 verwendet. Für Internettexte ist dies zu klein.

    Die Mehrzahl der Menschen in Deutschland hat eine Sehschwäche. Kleine Buchstaben zu entziffern, wird zur Qual. Auch ohne Einschränkung ist es ermüdend, Text in einer nicht passenden Schriftgröße zu lesen.

    Ich empfehle, die Schriftgröße 16 (Pixel) zu nehmen. Bei den gängigen Schriftarten ist dies eine auf allen Geräten angenehme Größenordnung.

    Und die Überschriften auf der Website?

    Die Größe der Überschrift wird von Website-Templates oft automatisch festgelegt. Meist ist ein nicht harmonisches Bild zu beobachten, da die Überschrift im Vergleich zum Text viel zu groß ist. Der Leser wird förmlich erschlagen. Die Buchstaben wirken eher bedrohlich als nützlich. Deren Größe passt im Idealfall zum Design.

    Am besten startest Du eine kleine Umfrage. Wie groß muss die Überschrift sein? Wahrscheinlich wirst Du feststellen, dass die Überschrift kaum größer sein muss als der Text.

    Die Schriftart – weniger Serifen bedeutet mehr Lesbarkeit

    Der Lesefluss verändert sich durch den Schrifttyp. Ein kleines Beispiel im folgenden Bild. Welche der fünf Schriften ist am besten zu lesen?

    schriftarten-unterschiede-lesbarkeit
    Schriftarten: Lesbarkeit-Test

    Schnell wird klar: Weniger ist mehr. Gut lesbare Buchstaben besitzen keine bis wenige Verschnörkelungen (= Serifen). Gerade bei langen Texten ermüden die Augen, wenn Du alle Linien verfolgen musst.

    Daher ist bei Webtexten auf serifenlose Schriften zurückzugreifen.

    Der technische Aspekt – Websichere Schriftarten

    Aus technischer Sicht stellen viele Geräte und Browser ausgefallene Schriftarten (Webfonts) nicht dar. Auf den unterschiedlichen Endgeräten kann es zu Fehlern in der Darstellung kommen. Gerade deswegen: Verwende nur „Websichere Schriftarten“. Diese sind auf allen Geräten respektive Systemen vorprogrammiert.

    Beispiele sind hier: Arial, Times New Roman, Courier New, Verdana oder Helvetica.

    Allerdings sind nicht beliebig viele Schriftarten vorhanden. Eine Abhilfe schaffen die Google-Fonts, die Du ins Webdesign integrierst. Sie werden von den Google Servern abgerufen und nicht von dem jeweiligen Endgerät. Sie sind somit verfügbar und meist darstellbar.

    Der Wiedererkennungswert

    Entscheide Dich für 1 bis 2 Schrifttypen.

    Warum?

    Besucher merken sich oft unbewusst das Erscheinungsbild einer Webseite. Wenn auf allen Unterseiten eine andere Schriftart gewählt wird, ist eine Wiedererkennung nicht möglich. Der Besucher weiß also nicht, mit wem er es zu tun hat und muss sich immer neu zurechtfinden. Besser ist es, auf allen Webseiten und Printprodukten, wie Visitenkarten die gleiche Schrift zu verwenden.

    Auch Zeilenabstand und Schriftfarbe Beachtung schenken!

    Neben der Größe und Art ist der Zeilenabstand von Bedeutung. Wie Treppenstufen genormt sind, damit Du nicht fällst, ist der Zeilenabstand für den Lesefluss wichtig. Stimmt das Verhältnis der Abstände nicht, ist das Lesen erschwert. Auch hier ist auf ein stimmiges Gesamtbild zu achten.

    Beispiel:

    Enger Abstand

    Weiter Abstand

    Ab 2025 sind barrierefreie Webseiten Pflichtprogramm für Unternehmen. Hier ist die Schriftfarbe ebenfalls von Bedeutung. Der Kontrast der Schrift zum Hintergrund musst Du optimal wählen. Ein weißer Hintergrund mit schwarzer Schrift ist ideal. Andere Farbzusammenstellungen gehen gleichermaßen, Du musst sie bloß sorgfältig durchdenken. Bitte auch die Rot-Grün-Sehschwäche beachten.

    Bedeutung der Schrift für die Suchmaschinenoptimierung (SEO)

    Geht der Besucher zu früh, erhöht sich die Bounce Rate. Sie beschreibt, wie schnell Nutzer Deine Website wieder verlassen. Dies ist ein wichtiges SEO-Kriterium.

    Wenn Besucher eine Seite schnell wieder verlassen, hat das für Suchmaschinen eine klare Aussage. Der Inhalt besitzt keinen Mehrwert zum eingegebenen Suchbegriff. Warum soll die Suchmaschine, die ebenfalls ein perfektes Nutzererlebnis anbieten will, einen solchen Text anzeigen?

    Für die Suchmaschinenoptimierung sollte die Schrift Beachtung finden. Idealerweise kommst Du dem Leser entgegen. Gestalte Webseiten, die ohne Umwege lesbar sind, damit die Nutzerfreundlichkeit nicht sinkt.

    Schriftgröße anpassbar machen

    Du solltest für Deine Webseite eine Leseansicht zulassen. In der URL-Zeile in Deinem Browser findest Du ein „Blatt“ Symbol. Hier sind Nutzer in der Lage, Schriftgröße und weitere Einstellungen vorzunehmen. Dies ist als eine zusätzliche Option zu verstehen und kein Grund, die eigentliche Lesbarkeit der Website nicht zu optimieren.

    Fazit: welche Schriftart und Schriftgröße?

    Zusammen bewirken die beiden Punkte Schriftgröße und Schriftart viel. Sie zeigen, wie wichtig es ist, jeden Bereich der Webseite zu optimieren. Durch die richtige Wahl profitierst Du von:

    • Erhöhte Lesbarkeit
    • Leichteres lesen
    • Benutzer konzentrieren sich mehr auf den Inhalt
    • Ansprechendes Gesamtbild
    • SEO freundlicher
    • Und mehr

    Wie Du siehst, ist es essenziell, eine passende Schrift zu wählen. Welche nimmst Du?

    Wichtig für Websites ist natürlich der Text an sich. Benötigst Du beim Texten Hilfe, spreche mich an: Kontakt

    Wie findest Du diesen Beitrag?

    Klicke auf die Sterne um zu bewerten!

    / 5.

    Infos weitersagen:

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

    Angebot erhalten und endlich im Internet sichtbar sein ➤ Jetzt anfragen

    Geschäftszeiten:
    Mo bis Do: 08:00 – 16:00 Uhr
       Freitag: 08:00 – 12:00 Uhr