Google Fonts einbinden

HTML







Vorschau, wie Deine Schriftart eingebunden ist.
html
<head>
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Playwrite+VN+Guides&display=swap" rel="stylesheet">
</head><body>

css
body {
  font-family: "Playwrite VN Guides", cursive;
  font-weight: 400;
  font-style: normal;
}





１. Google Fonts Webseite öffnen:
Geh auf https://fonts.google.com.

２. Schriftart aussuchen:
Such Dir eine Schrift aus, die Dir gefällt, und wähle links
die Schriftstärken aus – zum Beispiel „normal‟ oder „fett‟.

３. Schriftart auswählen:
Klicke auf die gewünschte Schriftart und dann oben rechts auf „Get font‟.

４. Schriftart kopiere:
Klicke oben rechts auf „Get embed code‟ und kopiere den Einbettungscode.

５. Link in HTML einfügen:
Kopiere den Code und setze ihn oben im <head>-Teil Deiner Webseite ein.
html
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Playwrite+VN+Guides&display=swap" rel="stylesheet">
６. CSS schreiben:
In Deiner CSS-Datei kannst Du jetzt die Schrift nutzen, z. B.:
css
body {
  font-family: "Playwrite VN Guides", cursive;
  font-weight: 400;
  font-style: normal;
}

Das war's auch schon von mir. 😊
Verfasst am 25.November 2010, aktualisiert am 15.Juli 2025