Schriften laden 1
Lokale Schriften verwenden
Beim Entwerfen einer Website überlegt man sich, welche Schriften verwendet werden sollen. Damit stellt sich auch die Frage, woher die Fonts in die Website geladen werden und ob das etwas kostet.
Der Font ist schon hier
Bei der ersten Variante werden Schriften definiert, die der Besucher grundsätzlich bereits auf seinem Rechner installiert haben sollte, wenn er die Website aufruft, die ich programmiert habe. Da das Laden der Schriften komplett auf dem Rechner des User selber abläuft, entstehen dadurch keine Lizenz-Kosten.
Das "H" im Bild steht für "Hosting Provider":
Bildquelle:
Wolfgang Beinert, "Laden von Systemschriften und Webfonts im Vergleich", www.typolexikon.de
Welche Schriften kommen dafür in Frage?
Desktop Fonts
Desktop Fonts sind Schriften, die auf dem Computer installiert worden sind. Sie stehen in verschiedenen Programmen, zum Beispiel Word, zur Verfügung.
Wenn du zum Beispiel ein Microsoft- oder ein Adobe-Produkt kaufst, wird beim Installieren nicht nur das Programm selber, sondern auch eine ganze Reihe von Schriften mit installiert.
Weil solche Schriften nicht überall auf dieser Welt vorhanden sind (nicht jedermann kann sich ein Adobe Produkt leisten), eignen sie sich eher nicht für den Einsatz auf einer Website.
System Fonts (oder "Web-Save Fonts")
System Fonts werden zusammen mit dem Betriebssystem installiert, sie befinden sich also meistens bereits auf dem Compi, wenn du diesen kaufst. Das Betriebssystem braucht diese Art von Schriften, um zum Beispiel die Menüs darzustellen oder andere Elemente bei der Kommunikation mit dem Benutzer (GUI).
Der Browser kann lokal auf diese Fonts zugreifen, um den Text auf einer Webseite darzustellen.
System Fonts sind statistisch gesehen viel weiter verbreitet als Desktop Fonts, aber leider gibt es unterschiedliche Betriebssysteme (Mac, Microsoft, Linux-Distributionen). Um dieses Problem zu verringern, setzt man ein Trickli ein: statt nur einem Font definiert man in CSS gerade eine ganze Schrift-Familie (mehr dazu auf der Seite "font-family").
Auswahl ohne Bauchschmerzen
Die Auswahl von Schriften, die wirklich weit verbreitet sind (also über 95% aller Computer weltweit) ist relativ gering. Deshalb ist man beim Einsatz von System-Fonts gestalterisch eingeschränkt!
Bei w3schools findest du eine gute Zusammenstellung der unbedenklich einsetzbaren Schriften.
Auch Google präsentiert eine Auswahl:
Quelle: Google Fonts, Knowledge