Google Fonts lokal einbinden
Warum externe Google Fonts problematisch sein können und wie lokale Einbindung hilft.
Das Problem
Schriftarten werden oft direkt von Google geladen, obwohl lokale Dateien möglich sind.
Einfache Erklärung
Eine statische Website besteht meist aus HTML, CSS, JavaScript und Bildern. Die index.html ist häufig die Startseite. Wenn Pfade, Bilder oder Stylesheets fehlen, sieht die Vorschau unvollständig aus, obwohl einzelne Inhalte noch lesbar sind.
Schritt für Schritt
- Verwendete Fonts identifizieren.
- Font-Dateien lokal speichern.
- @font-face in CSS nutzen.
- Externe Google-Font-Links entfernen.
Typische Fehler
- Google-Fonts-Stylesheet im Head lassen.
- Nur CSS kopieren, aber Font-Dateien vergessen.
- Lizenzbedingungen nicht prüfen.
Checkliste
- Font-Dateien lokal
- CSS angepasst
- keine externe Google-Font-Domain
- Performance prüfen
FAQ
Was ist eine index.html?
Sie ist meistens die Startdatei einer statischen Website und wird von Browsern oder Webservern zuerst geöffnet.
Warum laden Bilder lokal nicht?
Häufig fehlen Bilddateien im Ordner oder der Pfad in der HTML-Datei zeigt an eine andere Stelle.
Wann braucht man kein Backend?
Für reine Info-Websites, Landingpages, einfache Restaurantseiten oder statische Exporte reicht oft eine statische Website.