Viele Schriftarten, statt Standardschrift im Browser. Google Fonts einfach einbinden.
Google Fonts lassen sich kostenlos nutzen und bieten über 1000 verschiedene Schriftarten zur freien Nutzung. Eingebunden werden diese als externes Stylesheet im Kopf. Anschließend können wir die Schrift in CSS-Code verwenden.
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Estonia">
<style>
body {
font-family: "Estonia", sans-serif;
}
</style>
Das Ergebnis:
Zur Auswahl der Schriftart bietet Google eine eigene Seite an.
Den Namen der Schriftart verwenden wir dann als „family“-Parameter für unser Stylesheet.
Mehrere Schriftarten lassen sich ebenfalls einbinden, zur Trennung wird das | Zeichen verwendet. Ein Beispiel:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito|Ubuntu|Estonia">
Ein Kommentar