W3.CSS- Schriftarten
Verdana ist die in W3.CSS verwendete Standardschriftart. Verdana hat einen guten Buchstabenabstand und ist gut lesbar. Verdana ist auch die Standardschriftart für W3Schools.
Segoe UI ist die Standardschriftart für Überschriften. Segoe UI hat einen schmaleren Buchstabenabstand. Dies ermöglicht ein paar mehr Buchstaben in den Überschriften.
Verwenden einer anderen Standardschriftart
Die Verwendung einer anderen Standardschriftart in W3.CSS ist sehr einfach:
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
Schriftklassen verwenden
Mit W3.CSS können Sie 4 verschiedene eingebaute Schriftklassen verwenden:
- w3-serif
- w3-serifenlos
- w3-monospace
- w3-kursiv
Dies ist w3-serif
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
<p class="w3-serif">
Dies ist w3-sans-serif
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
<p class="w3-sans-serif">
Das ist w3-monospace
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
<div class="w3-monospace">
Dies ist w3-kursiv
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
<div class="w3-cursive">
Websichere serifenlose Schriftarten
| Schriftfamilie | Sicherer Rückfall |
|---|---|
| Arial | Helvetica, serifenlos |
| Helvetica | Arial, serifenlos |
| Verdana | Genf, serifenlos |
| Genf | Verdana, serifenlos |
| tahoma | Arial, serifenlos |
| Trebuchet MS | Arial, serifenlos |
Arial gilt als die sicherste serifenlose Schriftart im Internet. Es ist auf allen Windows-Rechnern (99,8 %) und allen Mac-Rechnern (98,7 %) installiert.
Helvetica ist der bevorzugte Fallback, da die beiden Schriftarten fast identisch sind. Helvetica läuft auf allen Mac-Rechnern (100 %), aber auf weniger Windows-Rechnern (7,3 %).
Die Verwendung von Arial mit Helvetica-Fallback oder Helvetiva mit Arial-Fallback deckt beide Welten ab.
Verdana gilt auch als websichere serifenlose Schriftart. Es läuft auf allen Windows-Rechnern (99,8 %) und allen Mac-Rechnern (99,1 %).
Geneva ist Verdanas bevorzugter Fallback, da die beiden Schriftarten ziemlich ähnlich sind und Geneva auf allen Mac-Rechnern läuft (99,6 %).
Tahoma war die Standardschriftart in Windows 95. Sie funktioniert auf 99,9 % aller Windows-Rechner und 91,7 % aller Mac-Rechner.
Trebuchet MS wurde mit allen Windows-Betriebssystemen (99,7 %) seit Microsoft Windows 2000 veröffentlicht. Es ist auch auf Macs (97,1 %), iOS und Chrome OS enthalten.
Quelle: CSS-Font-Stack
Das ist Ariel
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
</style>
Arial ist die Nummer 1 bei der Verwendung im Internet.
Das ist Helvetica
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
<style>
body, h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
}
</style>
Helvetica ist die Nummer 2 bei der Nutzung im Web.
Das ist Verdana
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Geneva, sans-serif;
}
Verdana ist die Nr. 3 bei der Verwendung im Internet.
Das ist Genf
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: Geneva, Verdana, sans-serif;
}
Das ist Tahoma
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, "Trebuchet MS", sans-serif;
}
Das ist Trebuchet MS
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Tahoma, sans-serif;
}
Dies ist die Segoe-Benutzeroberfläche
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI", Arial, sans-serif
}
Segoe UI ist die Standardschriftart in Windows 10. Es ist auch die Standardschriftart für Überschriften in W3Schools und W3.CSS.
Websichere Serifenschriften
| Schriftfamilie | Sicherer Rückfall |
|---|---|
| Times New Roman | Zeiten, serif |
| Georgia | Serife |
Times New Roman gilt als die websicherste Serifenschrift. Es funktioniert auf allen Windows-Rechnern (99,7 %) und allen Mac-Rechnern (97,4 %).
Einige ältere Betriebssysteme haben möglicherweise eine alternative Version namens Times , daher ist es klug, Times als Fallback sowie Serifen zu verwenden.
Auch Georgien gilt als sehr sicher. Es ist etwas größer als Times New Roman, funktioniert aber gut auf den meisten Windows-Rechnern (99,4 %) und Mac-Rechnern (97,5 %).
Verwenden Sie sicherheitshalber Serifen als Fallback.
Das ist Times New Roman
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: "Times New Roman", Times, serif;
}
Das ist Georgien
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
}
Monospace-Schriftarten
In einer Monospace-Schriftart nehmen alle Buchstaben die gleiche Breite ein.
Monospaced-Schriftarten werden häufig verwendet, um Computercode anzuzeigen.
| Schriftfamilie | Sicherer Rückfall |
|---|---|
| Neuer Kurier | Einraum |
| Glänzende Konsole | Monaco, Monospace |
| Monaco | Lucida Konsole, monospace |
Courier New gilt als die websicherste Monospace-Schriftart. Es ist auf den meisten Windows- und Mac-Computern installiert.
Lucida Console läuft nicht auf Mac. Monaco läuft nicht unter Windows.
Eine Lösung besteht darin, Monaco als Fallback für Lucida Console zu verwenden.
Es gibt keine 100 % websicheren Schriftarten, aber Sie können immer w3-monospace verwenden .
Das ist w3-monospace
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
<div class="w3-monospace">
Das ist Courier New
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: "Courier New", monospace;
}
Das ist Lucida oder Monaco
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
body, h1, h2, h3, h4, h5, h6 {
font-family: "Lucida Console", Monaco, monospace;
}
Handschriftliche Schriftarten
Es gibt keine websicheren Handschriften, aber Sie können w3-cursive sicher verwenden .
Dies ist w3-kursiv
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Norwegen hat eine Gesamtfläche von 385.252 Quadratkilometern und eine Bevölkerung von 5.438.657 (Dezember 2020). Norwegen grenzt im Nordosten an Schweden, Finnland und Russland, im Süden an das Skagerrak und auf der anderen Seite an Dänemark.
Beispiel
<div class="w3-cursive">