Google Fonts mit CSS einbinden und verwenden

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">

Beispiel

Beispiel im Browser ausprobieren

Ein Kommentar

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.