Du brauchst nicht Tausende von Schriftarten, um eine gut aussehende Webseite zu erstellen. Aber du musst sicherstellen, dass die Schriftarten, die du verwendest, für jeden sichtbar sind, der deine Webseite besucht. Und genau hier kommen websichere Schriftarten ins Spiel.
Und wenn du websichere Schriftarten finden könntest, die a) 100% kostenlos zu benutzen sind und b) nirgendwo anders gehostet werden müssen, damit deine Besucher sie sehen können, wäre es ein Homerun für dich.
Genau dafür ist dieser Beitrag geschrieben worden: wir werden die 31 bestaussehendsten websicheren Schriftarten behandeln und dir genau zeigen, wie du sie in deine WordPress Webseite einbauen kannst.
Benutze die Links unten, um zu dem Abschnitt zu navigieren, der dich am meisten interessiert, oder springe direkt zu unserer Liste websicherer Schriften:
Welche Schriften sind websicher?
Einschließlich der Variationen sind über 650.000 verschiedene Schriftarten online verfügbar. Schriften, die von den meisten Web Browsern und Betriebssystemen unterstützt werden, gelten als websicher. Das Betriebssystem schließt die Schriftartendateien automatisch mit ein, so dass Besucher keine Schriftarten von deinen Servern herunterladen müssen.
Ein Beispiel ist die allgegenwärtige Schriftart Arial, die Tausende von „Spin-offs“ hervorgebracht hat.
Sind websichere Schriftarten im Jahr 2024 notwendig?
Sicher, die überwiegende Mehrheit der Nutzer nutzt Google Chrome inzwischen, sowohl auf dem Handy als auch auf dem Desktop. Aber das bedeutet nicht, dass websichere Schriftarten der Vergangenheit angehören.
Tatsächlich variieren die unterstützten Schriftarten je nach Betriebssystem, einschließlich der aktuellen Version, die ein Nutzer hat. Wenn du also eine Webseite mit einer Schriftart entwirfst, die nur von der neuesten Version von Windows 10 unterstützt wird, werden die meisten Benutzer etwas anderes sehen.
Wenn du dich außerdem dafür entscheidest, eine benutzerdefinierte lokale Schriftart zu verwenden und zu hosten, oder eine Schriftart, die von einer dritten Partei gehostet wird, kann es deine Webseite verlangsamen. Der Wechsel zu websicheren Schriftarten kann deine Webseite also beschleunigen. Und das ist eine tolle Sache. Denn fast 70% der Verbraucher sagen, dass die Seitengeschwindigkeit ihre Kaufentscheidungen beeinflusst.
Sind Google-Schriften im Web sicher?
Google-Fonts werden von deinem Betriebssystem nicht unterstützt, daher sind sie per Definition keine websicheren Fonts. Da sie von Google, einem Drittanbieter, gehostet werden, wird eine Google-Schriftart als Web-Font bezeichnet. Verwirrend, wir wissen, aber der Unterschied ist, dass dein Browser eine Datei laden muss, bevor er Google-Fonts anzeigen kann.
Für websichere Schriften gibt es auf den meisten Geräten bereits Schriftartendateien. Aber mach dir keine Sorgen über das Fehlen des Wortes safe. Google-Fonts sind völlig sicher, um das Design deiner Webseite zu verbessern. Aber die zusätzlichen HTTP-Anfragen an einen externen Server könnten die Ladegeschwindigkeit deiner Seite verlangsamen.
31+ beste websichere Schriften
Wir haben eine Liste mit über dreißig verschiedenen, gut aussehenden, websicheren Schriftarten zusammengestellt, die du für die Gestaltung deiner Webseite verwenden kannst.
Lass uns gleich damit anfangen.
1. Arial
Arial ist eine klassische serifenlose Schrift, die sich sowohl für Absätze als auch für Überschriften eignet. Sie ist schon lange eine feste Größe im Webdesign. In den letzten Jahren wurde sie jedoch oft als Rückzugsmöglichkeit in einem Schriftstapel verwendet und nicht als Hauptschriftfamilie.
Empfohlener Font Stack
Schrift-Familie: Arial, Helvetica Neue, Helvetica, serifenlos.
2. Baskerville
Baskerville ist eine relativ dicke Serifenschrift, die ursprünglich 1750 von John Baskerville als Schriftart entwickelt wurde. Das Design ist ausgewogen und verwendet eine Mischung aus dicken und dünnen Strichen, um die harten Ränder einer typischen Serifenschrift zu mildern. Es wird von neueren Apple- und Microsoft OS-Versionen gut unterstützt.
Empfohlener Font Stack
Schrift-Familie: Baskerville, Baskerville Old Face, Garamond, Times New Roman, Serifenschrift.
3. Bodoni MT / Bodoni 72
Bodoni MT ist eine Serifenschrift, wie Times New Roman, besser geeignet für Absatztext als für Überschriften für die meisten Webseiten. Bodoni MT ist standardmäßig mit Microsoft 10 und einigen älteren Versionen verfügbar. Bodoni 72 ist in macOS Sierra und neueren Versionen enthalten.
Empfohlener Font Stack
Schrift-Familie: Bodoni MT, Bodoni 72, Didot, Didot LT STD, Hoefler Text, Garamond, Times New Roman, Serifenschrift.
4. Calibri
Calibri ist Microsofts serifenlose Standardschriftart seit seiner Veröffentlichung mit Microsoft Office 2007. Sie hat ein weiches, modernes Aussehen, mit abgerundeten Kanten, die das typische serifenlose Gefühl hervorheben und es wärmer als Robotic machen.
Empfohlener Font Stack
Schrift-Familie: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, Sans-Serif.
5. Calisto MT
Calisto MT ist eine Serifenschrift mit etwas weicheren und weniger ausgeprägten Serifen als die meisten ähnlichen Schriften. Es ist eine Standardschriftart von Microsoft, die in den meisten neueren Versionen von Windows enthalten ist. Das macOS- oder iOS-Äquivalent ist die Schriftart Bookman Old Style.
Empfohlener Font Stack
Schrift-Familie: Calisto MT, Bookman Old Style, Bookman, Goudy Old Style, Garamond, Hoefler Text, Bitstream Charter, Georgia, serif.
6. Cambria
Cambria ist eine noch weichere Serifenschrift, mit in vielen Fällen kaum wahrnehmbaren Serifen, selbst bei Großbuchstaben. Dadurch wirkt es moderner und bleibt auch auf Bildschirmen gut lesbar.
Empfohlener Font Stack
Schrift-Familie: Cambria, Georgien, serifenbetont.
7. Candara
Candara ist eine serifenlose Schrift. Es ist Teil von Microsofts ClearType-Schriftartensammlung. Das macOS- und iOS-Äquivalent ist Optima Regular. Durch die ungleichmäßigen Strichstärken wirkt es etwas weniger modern und korporativ als andere serifenlose Schriften.
Empfohlener Font Stack
Schrift-Familie: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, Sans-Serif.
8. Century Gothic
Century Gothic ist eine geometrische serifenlose Schrift mit einem sehr sauberen und ausgewogenen Look. Es ist eine tolle Schrift für das Web, besonders für Überschriften und Unterüberschriften. Es wurde ursprünglich entworfen, um mit der Schrift Futura zu konkurrieren. Es ist in den meisten Microsoft- und Apple-Betriebssystemen enthalten.
Empfohlener Font Stack
Schrift-Familie: Century Gothic, CenturyGothic, AppleGothic, serifenlos.
9. Consolas
Consolas ist eine serifenlose Schrift mit einer einzigartigen Herangehensweise an das Design. Alle Zeichen haben die gleiche Breite, weshalb sie nur für den Buchstaben „I“ und das klein geschriebene „l“ Serifen verwendet. Es ist Teil der ClearType-Sammlung.
Empfohlener Font Stack
Schrift-Familie: Konsolen, Monaco, Monospace.
10. Copperplate Gothic
Copperplate Gothic ist eine Gothic-inspirierte Schrift, mit leichten glyphischen Serifen auf bestimmten Buchstaben. Da es von Gothic-Runen inspiriert ist, gibt es keine Kleinschrift.
Empfohlener Font Stack
Schrift-Familie: Copperplate, Copperplate Gothic Light, Fantasy.
11. Courier New
Courier New ist eine monospaced Slab Serifenschrift, mit viel dünnerem regulären Text als die meisten anderen serifen und serifenlosen Schriften. Es wird sowohl von Microsoft als auch von Apple auf Computern und mobilen Geräten fast perfekt abgedeckt.
Empfohlener Font Stack
Schrift-Familie: Kurier Neu, Kurier, Lucida ohne Schreibmaschine, Lucida Schreibmaschine, monospace.
12. Dejavu Sans
Dejavu Sans ist eine serifenlose Schrift mit klaren, geraden Linien, fast ein Rückgriff auf die klassischen serifenlosen Schriften wie Arial und Verdana.
Empfohlener Font Stack
Schrift-Familie: Dejavu Sans, Arial, Verdana, ohne Serifen.
13. Didot
Didot ist eine Schriftart, die von den originalen Didot-Schriften inspiriert ist, die im 19. Jahrhundert von der französischen Druckerei Didot verwendet wurden. Es ist eine Hauptstütze von Apple, die von den meisten ihrer Betriebssysteme und Geräte unterstützt wird.
Empfohlener Font Stack
Schrift-Familie: Didot, Didot LT STD, Hoefler Text, Garamond, Calisto MT, Times New Roman, Serifenschrift.
14. Franklin Gothic
Franklin Gothic ist eine serifenlose Schrift mit ungewöhnlich dicken Buchstaben, fast so, als wäre sie die fette Version einer anderen Schrift. Die Originalschrift wurde Anfang des 20. Jahrhunderts von amerikanischen Schriftgießern entwickelt. Es ist eine gute Schriftwahl für Überschriften, aber vielleicht keine gute Wahl für Fließtext.
Empfohlener Font Stack
Schrift-Familie: Franklin Gothic, Arial Bold.
15. Garamond
Garamond ist eine Serifenschrift, inspiriert von den Schriften des Pariser Graveurs Claude Garamond aus dem 16. Es hat weichere, rundere Ränder als einige der Standard-Serifenschriften, wie die Times New Roman. Moderne Versionen von Microsoft und Apple OS enthalten ihre eigenen Versionen der Garamond-Schrift.
Empfohlener Font Stack
Font-family: Garamond, Baskerville, Baskerville Old Face, Hoefler Text, Times New Roman, serif.
16. Georgia
Garamond ist eine Serifenschrift, inspiriert von den Schriften des Pariser Graveurs Claude Garamond aus dem 16. Es hat weichere, rundere Ränder als einige der Standard-Serifenschriften, wie die Times New Roman. Moderne Versionen von Microsoft und Apple OS enthalten ihre eigenen Versionen der Garamond-Schrift.
Empfohlener Font Stack
Schrift-Familie: Georgia, Times, Times New Roman, Serifenschrift.
17. Gill Sans
Gill Sans ist eine serifenlose Schrift, mit scharfen, klaren Linien, die ihr ein modernes Aussehen verleihen. Es ist nicht ideal für Text außerhalb der Box, da es keinen Kontrast zwischen den Buchstaben gibt und die Abstände zwischen den Buchstaben sehr gering sind. Aber wie du im Beispieltext sehen kannst, macht es eine gut aussehende Überschrift. Die meisten iOS-, MacOS- und Windows-basierten Geräte unterstützen es.
Empfohlener Font Stack
Schrift-Familie: Gill Sans, Gill Sans MT, Calibri, Sans-Serif.
18. Goudy Old Style
Goudy Old Style ist eine weiche Serifenschrift im alten Stil, mit starken Serifen und einem altmodischen Look and Feel. Die Punkte sind eher rautenförmig als die regelmäßigen perfekten, runden Kreise der meisten Serifenschriften. Es ist in den meisten neueren Versionen von Windows enthalten.
Empfohlener Font Stack
Schrift-Familie: Goudy Old Style, Garamond, Big Caslon, Times New Roman, Serifenschrift.
19. Helvetica
Helvetica ist vielleicht die berühmteste Schriftart aller Zeiten, und definitiv eine der wenigen Schriften, die eine eigene Dokumentation hat. Es ist eine moderne serifenlose Schrift, inspiriert von anderen modernen Schweizer und deutschen Schriften aus dem späten 19. und frühen 20.
Anstatt eines weichen, runden und warmen Designs ist es ausgewogen und auf klare Linien und Formen konzentriert. Dadurch ist es eine der wenigen Schriften, die sich sowohl für Fließtext als auch für Überschriften eignet. Alle Apple-Geräte enthalten Helvetica-Schriften, während Microsoft standardmäßig Arial verwendet, sein MS-Äquivalent.
Empfohlener Font Stack
Schriftfamilie: Helvetica Neue, Helvetica, Arial, serifenlos.
20. Impact
Impact ist eine realistische, serifenlose Schriftart, mit einem sehr dicken, fettgedruckten Aussehen als Standard für alle Texte, sowohl für Groß- als auch Kleinbuchstaben. Die Fettheit hebt sie von normalem Text ab und macht sie perfekt für Überschriften oder CTAs (Calls to Action), aber sie ist nicht ideal für Fließtext.
Es war Teil der ursprünglichen Kernfonts für das Webpaket im Jahr 1998. Bis heute ist es immer noch weit verbreitet und wird sowohl von Apple- als auch Windows-Computern und -Telefonen unterstützt.
Empfohlener Font Stack
Schrift-Familie: Impact, Charcoal, Helvetica Inserat, Bitstream Vera Sans Bold, Arial Black, Sans Serif.
21. Lucida Bright
Lucida Bright ist die Serifenschrift in Microsofts Reihe der Lucida-Schriften, die 1991 für MS entwickelt wurde. Es zeichnet sich unter anderem durch die Verwendung quadratischerer, kräftigerer Serifen aus, zum Beispiel auf dem großen „T“ und „L“. Es ist standardmäßig in den meisten neueren Windows-Versionen enthalten, wohingegen macOS normalerweise nur die serifenlose Schrift Lucida Grande enthält, was Georgia zu einer logischen Ausweichschrift macht.
Empfohlener Font Stack
Schrift-Familie: Lucida Bright, Georgia, Serifenschrift.
22. Lucida Sans
Lucida Sans ist eine sauber geschnittene humanistische serifenlose Schrift, die speziell als Ergänzung zu den Serifenschriften der Lucida-Linie entwickelt wurde. Es gibt eine größere Variation in der Strichstärke als bei den saubereren serifenlosen Schriften wie Helvetica oder Arial. Dadurch fühlt es sich etwas weniger futuristisch oder roboterhaft und verspielter an. Out of the box ist es eine tolle Schrift für Überschriften und CTAs.
Empfohlener Font Stack
Schrift-Familie: Lucida Sans, Helvetica, Arial, ohne Serifen.
23. Microsoft Sans Serif
Microsoft Sans Serif ist eine serifenlose Schriftart, die zuerst mit Windows 2000 eingeführt wurde. Es ist der Nachfolger der Schriftart MS Sans Serif, die auch unter dem Namen Helv (kurz für Helvetica) bekannt war. Es ist inspiriert von und basiert auf Helvetica, der führenden serifenlosen Schrift in der heutigen Zeit.
Es ist eine saubere Schrift mit gleichmäßiger Strichstärke, was zu einem sauberen, professionellen Look führt. Perfekt für Überschriften und Webseiten von Unternehmen. Es wurde als eine der ursprünglichen Schriften für das Web aufgenommen und ist immer noch Standard für alle Microsoft-Geräte.
Empfohlener Font Stack
Schrift-Familie: MS Sans Serif, serifenlos, serifenlos.
24. Optima
Optima ist eine humanistische serifenlose Schrift, mit unterschiedlicher Strichstärke und unterschiedlicher Symmetrie. Dadurch sieht sie fast wie von Hand gemacht aus, was dem typischen Massenproduktionsgefühl einer serifenlosen Schrift entgegenwirkt. Es ist eine der standardmäßigen serifenlosen Schriften von Apple und wird von den meisten iOS- und MacOS-Geräten unterstützt. Das Microsoft-Äquivalent ist Segoe.
Empfohlener Font Stack
Schrift-Familie: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, serifenlos.
25. Palatino
Palatino ist eine weitere Serife im alten Stil und würde sich in jeder Online-Zeitung oder Zeitschrift zu Hause fühlen. Aber es ist weniger einheitlich als so etwas wie eine Georgia oder Times New Roman, mit unterschiedlichen Strichstärken und Formen.
Der Design-Ansatz hilft, scharfe Buchstaben wie k, l, x, y und z weicher zu machen. Außerdem ist es etwas fetter als andere Serifenschriften. Diese beiden Faktoren tragen dazu bei, dass es sich etwas wärmer anfühlt. Palatino ist in den meisten Windows- und Apple-Geräten enthalten.
Empfohlener Font Stack
Schrift-Familie: Palatino, Palatino Linotype, Palatino LT STD, Buch Antiqua, Georgia, Serifenschrift.
26. Perpetua
Perpetua ist eine Serifenschrift mit einem einzigartigen Design, die ursprünglich vom englischen Bildhauer Eric Gill geschaffen wurde. Es gibt einen starken Kontrast in der Strichstärke, schau dir zum Beispiel das kleine „e“ oder die Zahl „3“ an. Das gibt der Schrift eine kreative, fast spielerische Qualität. Es ist typischerweise eine Windows-Schrift, aber Baskerville, ein naher Verwandter, ist Standard auf den meisten Apple-Geräten.
Empfohlener Font Stack
Schrift-Familie: Perpetua, Baskerville, Big Caslon, Palatino Linotype, Palatino, Serifenschrift.
27. Rockwell
Rockwell ist eine quadratische oder tafelförmige Serifenschrift mit sehr fetter, fast monowechter Schrift. Sie eignet sich für Überschriften oder CTAs, aber das zusätzliche Schriftgewicht ist nicht so gut für Fließtext geeignet. Es ist in den meisten neueren Versionen von MS Windows enthalten.
Empfohlener Font Stack
Schrift-Familie: Rockwell, Courier Bold, Courier, Georgia, Times, Times New Roman, Serifenschrift.
28. Segoe UI
Segoe UI ist die führende serifenlose Schrift der Segoe Schriftfamilie. Microsoft verwendet es nicht nur in vielen Anwendungen, sondern auch in verschiedenen Marketingmaterialien für seine Produkte.
Es ist eine moderne Schrift, mit symmetrischen Buchstaben und wenig Variation in der Strichstärke. Die Schrift ist nicht im Lieferumfang von Apple-Computern enthalten, aber das Äquivalent Helvetica Neue ist im Look and Feel ähnlich.
Empfohlener Font Stack
Schrift-Familie: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif.
29. Tahoma
Tahoma ist ein weiterer von Microsoft entwickelter serifenloser Font. Sie hat etwas fettere Buchstaben als Segoe UI und verwendet quadratische Punkte für die Kleinbuchstaben, Punkte und andere Zeichen.
Es ist eine saubere, einheitliche Schrift und würde sich weder im Inhalt noch in den Überschriften fehl am Platz anfühlen. Es ist in allen Microsoft-Geräten und praktisch allen Apple-Geräten enthalten.
Empfohlener Font Stack
Schrift-Familie: Tahoma, Verdana, Segoe, serifenlos.
30. Trebuchet MS
Trebuchet MS ist eine weitere serifenlose Schriftart, die von Microsoft entwickelt wurde. Es war eine der ursprünglichen Schriften, die von Microsoft in den Kernfonts des Webpakets enthalten war. Es wird immer noch von praktisch allen Microsoft- und Apple-Geräten unterstützt. Die Buchstaben sind schlanker als viele andere serifenlose Schriften, was es zu einer Option für Absätze und Fließtext macht.
Empfohlener Font Stack
Schrift-Familie: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, serifenlos.
31. Verdana
Verdana, eine saubere serifenlose Schrift, ist eine weitere Microsoft-Hauptschrift, die es seit 1996 gibt. Die Strichstärke ist für eine serifenlose Schrift relativ gering, was zu schlanken, leicht lesbaren Buchstaben führt. Man kann es sowohl für Absatztext als auch für Überschriften ohne Probleme verwenden. Es wird von praktisch allen Apple- und Windows-Geräten unterstützt.
Empfohlener Font Stack
Schrift-Familie: Verdana, Genf, serifenlos.
Web Safe Kursive Schriftarten
Wenn du eine websichere kursive Schriftart verwenden möchtest, hast du nicht allzu viele Optionen zur Auswahl. Im Besonderen:
- Segoe script
- Rage
- Script MT
- Snell Roundhand
- Lucida Handwriting
Es gibt keine kursiven Schriftarten, die universell von Apple- und Microsoft-Geräten unterstützt werden. Du solltest bedenken, dass die Verwendung einer kursiven Schriftart für deinen Fließtext vielleicht keine gute Idee ist, da die Lesbarkeit ein großer Teil der Benutzerfreundlichkeit von Webseiten ist.
Du solltest immer gut lesbaren Text für deine Absätze verwenden, da sonst Besucher mit Sehbehinderungen Schwierigkeiten haben werden, den Text auf deiner Webseite zu lesen. Dies kann zu hohen Absprungraten und einem generellen Mangel an Engagement mit deinem Inhalt führen.
Web Safe Sans Serif Schriftarten
Sans bedeutet im Französischen „ohne“, also bedeutet sans serif im Wesentlichen „ohne Serife“. Eine Serife ist eine Linie oder ein Strich, der einem längeren Strich in einem Buchstaben hinzugefügt wird. Zum Beispiel die kleinen senkrechten Striche unter dem obersten Strich in einem großen „T“, die in Zeitungs- oder Zeitschriftenüberschriften üblich sind. Serifenlose Schriften sind die gebräuchlichsten und beliebtesten Schriften im Web, du hast also eine Menge Möglichkeiten zur Auswahl:
- Arial
- Calibri
- Candara
- Century Gothic
- Consolas
- Dejavu Sans
- Franklin Gothic
- Gill Sans
- Helvetica
- Lucida Sans
- MS Sans Serif
- Neue Helvetica
- Optima
- Segoe UI
- Tahoma
- Trebuchet MS
- Verdana
Wo kann man Web Safe Fonts herunterladen?
Das Tolle an websicheren Schriften ist, dass du dir keine Gedanken über das Herunterladen machen musst. Sie werden bereits vom Betriebssystem jedes Besuchers unterstützt, also musst du es nur mit CSS einprogrammieren. Wenn du keine Ahnung von HTML und CSS oder vom Codieren für das Web hast, mag dir das etwas überwältigend vorkommen.
Aber vertrau uns, es ist nicht so schwer, wie du vielleicht denkst. Wir werden dich in unserem nächsten Abschnitt Schritt für Schritt durch den Prozess führen.
Wie man websichere Schriften zu seiner WordPress Webseite hinzufügt
Wenn du eine WordPress Seite mit dem neuesten Twenty Twenty Theme hast, kannst du die HTML-Schriftarten bearbeiten, indem du eigene CSS im WordPress Customizer hinzufügst.
Du erreichst es, indem du auf den Link Aussehen > Anpassen im Menü klickst und dann den zusätzlichen CSS-Reiter erweiterst.
Dann musst du die Chrome Dev Tools (oder ein ähnliches Tool für einen anderen Browser) benutzen, um die Selektoren des Textes, den du ändern möchtest, zu identifizieren.
Du kannst zum Beispiel die Überschrift deines Blogeintrags einsehen:
Wir können sehen, dass das Theme den Standard „entry-title“-Auswahlschalter für die Überschrift verwendet. Du kannst auch nach dem Attribut „Schriftfamilie“ suchen, um zu sehen, wie und auf welcher Ebene das Theme den Text stylt.
Da Twenty Twenty keine bestimmte Schriftart für die Überschriften verwendet, kannst du die Schriftart der Überschrift ganz einfach ändern, indem du auf den „Schriftart-Familie“-Auswahlschalter zielst.
Wenn wir zum Beispiel die Überschrift in die Schriftart „Impact“ ändern wollen, können wir den folgenden Code verwenden:
h1.entry-title { font-family: Impact, Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; }Füge es einfach in das zusätzliche CSS ein und klicke auf „Veröffentlichen“, um deine Änderungen live zu übertragen.
Wir behandeln dies und vieles mehr in unserer Anleitung, wie man Schriftarten in WordPress ändert. Wenn du deine Webseite mit HTML und CSS erstellt hast, kannst du die Schriftart direkt im Quellcode bearbeiten.
Wenn du zum Beispiel den style-Tag in den HTML-Dokumenten verwendest, um CSS-Code auf jede Seite anzuwenden, kannst du dort das Attribut font-family bearbeiten.
Wenn du die Schriftart für den gesamten Text auf der Seite ändern möchtest, solltest du auf den „body“-Selektor zielen. Wenn du die Schriftart für einen bestimmten Text ändern möchtest, musst du einen bestimmten Selektor verwenden.
Wenn du ein Template zum Erstellen deiner Webseite benutzt hast, befindet sich dein CSS höchstwahrscheinlich in einem separaten Stylesheet. Das ist großartig, weil es bedeutet, dass du die Schriftart für deine gesamte Webseite ändern kannst, indem du nur eine Datei bearbeitest.
In diesem Fall musst du deine Stylesheet-Datei finden (normalerweise style.css oder eine Variante davon genannt). Dann musst du den Abschnitt finden, der die Schriftarten und Schriften deiner Webseite steuert.
Normalerweise wird das nach oben hin gemacht. Wenn nicht, kannst du mit dem Code-Editor deiner Wahl nach „font-family“ suchen.
Zusammenfassung
Genau wie bei Themes und Plugins gibt es auch bei den Schriftideen keinen Mangel an Optionen für euch.
Mit einer Vielzahl von serifen, serifenlosen, Monospace- und sogar kursiven Schriften, die kostenlos zur Verfügung stehen, sind websichere Schriften ein guter Ausgangspunkt für die Erstellung einer Webseite.
Die perfekten Schriften heben deine Marke hervor, verbessern die Lesbarkeit und unterstützen deine Botschaft. Wähle mit Bedacht!
Wenn dir dieser Beitrag gefallen hat, schau dir unseren Leitfaden mit den 50 besten Retro-Schriftarten an, um deiner Webseite oder deinem Grafikdesign-Projekt einen nostalgischen Touch zu verleihen.
Chefredakteur bei Kinsta und Content Marketing Berater für WordPress Plugin-Entwickler. Verbinde dich mit Matteo auf Twitter.
Schreibe einen Kommentar