Systemschriftarten auf einer Website

Eine kleine Sache mit großer Wirkung. Etwas, das oft bereits durch ein WordPress-Theme für Sie vorgegeben ist: die Schriftarten, die Sie auf Ihrer Website verwenden. Es gibt zahlreiche Optionen, aber was genau sind System- oder lokale Schriftarten? Das erklären wir Ihnen in diesem Blogbeitrag!

Die Verwendung von System- oder lokalen Schriftarten bietet mehrere wesentliche Vorteile. Sie tragen nicht nur dazu bei, dass Ihre Website schneller geladen wird, sondern stellen auch sicher, dass Ihre Website sofort den strengen Datenschutzgesetzen entspricht.

Viele Themes und andere Plugins verwenden standardmäßig eine Schriftart, die extern geladen werden muss. Mit anderen Worten: Sie sind auf Drittanbieter angewiesen, um die Schriftarten auf Ihrer Website bereitzustellen. Das sieht zwar gut aus, hat aber einige erhebliche Nachteile.

Die Nachteile externer Schriftarten

Wenn Ihre WordPress-Website eine externe Schriftart verwendet (z. B. einen Standard-Link zu einer Google-Schriftart), muss der Browser Ihres Besuchers zunächst eine Verbindung zu einem externen Server herstellen, um die Schriftart herunterzuladen. Dies bringt drei wesentliche Nachteile mit sich:

• Langsamere Ladezeit (Web Core Vitals): Jede externe Anfrage kostet Zeit. Der Browser muss warten, bis die Schriftart geladen ist, bevor der Text korrekt angezeigt werden kann. Dies kann zu einem „Flash of Unstyled Text“ (FOT) führen, bei dem der Besucher den Text zunächst in einer unattraktiven Standardschriftart aufblitzen sieht. Dies wirkt sich negativ auf Ihre Google-Bewertungen aus.

• Datenschutz- und DSGVO-Risiken: Sobald ein Besucher Ihre Website aufruft und eine Schriftart von einem externen Server (z. B. Google) abgerufen wird, wird die IP-Adresse des Besuchers an diesen Dritten weitergegeben. Gemäß der europäischen Datenschutzgesetzgebung (DSGVO) ist dies ohne ausdrückliche vorherige Einwilligung nicht zulässig. In der Vergangenheit hat dies im schlimmsten Fall bereits zu erheblichen Geldstrafen für Website-Betreiber geführt.

• Abhängigkeit von Dritten: Wenn der externe Server des Schriftartenanbieters ausfällt oder langsam ist, hat dies direkte Auswirkungen auf Ihre Website.

Was sind Systemschriftarten und welche sind standardmäßig verfügbar?

Systemschriftarten sind Schriftarten, die bereits standardmäßig auf dem Gerät Ihres Besuchers (z. B. einem Windows-PC, Mac, iPhone oder Android-Gerät) installiert sind. Da die Schriftart bereits lokal auf dem Computer oder Smartphone gespeichert ist, muss Ihre Website keine Schriftartdateien herunterladen. Das Ergebnis ist eine Website, die sofort, reibungslos und blitzschnell geladen wird.

Heutzutage sind Standard-Systemschriftarten von hoher Qualität und haben ein sehr modernes Erscheinungsbild. Hier sind die bekanntesten Systemschriftarten, die fast überall verfügbar sind:

1. Die moderne „Sans-Serif“

Das sind die minimalistischen, extrem fetten Schriftarten, die sich perfekt für moderne Websites, Tech-Blogs und Online-Shops eignen. Sie sind auf maximale Lesbarkeit auf Bildschirmen ausgelegt.

• San Francisco (-apple-system): Dies ist die ultramoderne Schriftart, die Apple auf allen iPhones, iPads und Macs verwendet. Sie hat ein exklusives und klares Erscheinungsbild.
• Segoe UI: Die Standardschriftart von Microsoft (bekannt aus Windows 10 und 11). Sie ist elegant, professionell und äußerst zuverlässig.
• Roboto: Das bekannte Gesicht von Android (Google). Eine sehr offene und freundliche Schriftart, die sich perfekt auf mobilen Bildschirmen skalieren lässt.

2. Die klassische „Serif“-Schriftart

Möchten Sie Ihrer Website ein formelles, seriöses oder redaktionelles Erscheinungsbild verleihen? So, als würden Sie eine hochwertige Zeitung oder ein gedrucktes Buch lesen? Dann gibt es die klassischen Systemschriftarten:

• Georgia: Das ist der König unter den Serifen-Bildschirmschriften. Georgia wurde bereits in den 90er-Jahren von Microsoft mit einem ganz bestimmten Ziel entwickelt: auf digitalen Bildschirmen extrem gut lesbar zu sein. Sie wirkt warm, elegant und eignet sich ideal für lange Blogbeiträge.
• Times New Roman / Palatino: Die bekannten Klassiker, die seit Jahrzehnten auf praktisch jedem Gerät zu finden sind.

Öffnet sie zum Beispiel alle nebeneinander in eurem Browser. Das geht ganz einfach, indem ihr sie googelt, und versucht euch vorzustellen, welche am besten zu eurer Website passt. Eine weitere Option, die in den meisten WordPress-Themes verfügbar ist, besteht darin, dies sofort live auf Ihrer Website auszuprobieren. So erhalten Sie einen umfassenden Eindruck davon, wie es aussehen könnte. So wie wir es beispielsweise in unserem Blogbeitrag vom Montag anhand eines mit Claude erstellten benutzerdefinierten Themes getestet haben .

Macht das wirklich einen so großen Unterschied bei der Geschwindigkeit? (Spoiler: Ja, einen riesigen!)

„Spielt diese eine Millisekunde wirklich eine Rolle?“ Die kurze Antwort lautet: Ja, auf jeden Fall. Externe Schriftarten sind die digitalen Bremsschwellen des Internets.

Wenn du eine externe Schriftart (wie beispielsweise eine Standard-Google-Schriftart) verwendest, muss der Browser deines Besuchers eine Art Mini-Ausflug unternehmen. Zunächst wendet sich der Browser an einen externen Server, um die Berechtigung anzufordern; dann müssen die großen Schriftartdateien (Regular, Italic, Bold) über 4G oder 5G auf dein Smartphone heruntergeladen werden; und erst dann kann der Text auf dem Bildschirm erscheinen.

Wenn du eine lokale oder Systemschriftart wie Georgia verwendest, ersparst du deiner Website diese ganze Reise. Das Ergebnis?

0 Byte heruntergeladen: Die Schriftart wiegt buchstäblich nichts. Und sie muss nicht erst von Drittanbieterquellen herangeschafft werden.

Kein flackernder Text (CLS): Das kennst du sicher: Du öffnest eine Website, fängst an zu lesen, und plötzlich springt der gesamte Text hin und her, weil das Laden der Schriftart eine Sekunde dauert. Das ist für den Leser nervig, und Google bestraft dich dafür. Mit Systemschriftarten bleibt alles sofort absolut stabil.

Grüne Werte bei Google: Google liebt schnelle Websites. Durch das Entfernen externer Schriftarten werden Ihre Core Web Vitals (Googles Geschwindigkeitsmetriken) sofort grün.

In einer Welt, in der jede Millisekunde für Ihre Sichtbarkeit in den Suchergebnissen zählt – und in der Besucher innerhalb von 3 Sekunden wegklicken, wenn eine Seite langsam lädt –, sind Systemschriftarten der ultimative kostenlose Turbo-Boost für Ihre Website!

Die Umstellung auf Systemschriftarten (oder das lokale Hosten Ihrer bevorzugten Google-Schriftart auf Ihrem eigenen Hosting-Paket bei MijnHostingPartner.nl) ist eine der einfachsten Möglichkeiten, Ihre Website zu beschleunigen und sie DSGVO-konform zu machen. Sie sparen wertvolle Millisekunden bei den Ladezeiten, was sowohl für Ihre Besucher als auch für Ihr Ranking in den Google-Suchergebnissen von großem Vorteil ist!

Tipp von MijnHostingPartner.nl: Überprüfen Sie die Einstellungen Ihres WordPress-Themes in Ihrem Hosting-Kontrollpanel (unter „Typografie“), um zu sehen, ob Sie „Systemschriftarten“ oder „Übernehmen“ auswählen können. Viele moderne Themes unterstützen dies mittlerweile mit nur einem Klick!