Page 1 of 1
Google Fonts Lokal Hosten
Posted: Fri Oct 13, 2023 6:03 pm
by RalfKerkhoff
Hallo Zusammen,
ich habe mir gedacht ich gebe Bludit nochmal eine Chance und stelle gerade fest, dass einige Themes die Google Fonts in der head.php einbinden - zum Beispiel beim Editorial Theme:
Code: Select all
<!-- Link to Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&family=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
Ich habe mir schon diese Seite angesehen:
https://gwfh.mranftl.com/fonts/open-sans?subsets=latin
um die Fonts lokal einzubinden.
Ich habe aber ehrlich gesagt keine Idee was ich dann in der head.php eintragen soll.
Einen Link auf das Stylesheet welches auf der Seite:
https://gwfh.mranftl.com/fonts/open-sans?subsets=latin
generiert wird ?
Ich sehe gerade den Wald vor lauter Bäumen nicht.
Gruss
Ralf
Re: Google Fonts Lokal Hosten
Posted: Fri Oct 13, 2023 9:20 pm
by Edi
Du kannst gemäss den Schritten auf der Website vorgehen, nämlich
- Wahl des Fonts,
- Wahl der Zeichensätze (charsets),
- Wahl der Schriftschnitte (styles),
- CSS kopieren und in das Feld "Head" des Plugins HTML-Code kopieren,
- ZIP-Datei mit den Fonts herunterladen, entpacken und auf den Server laden, beispielsweise in ein Verzeichnis fonts im Verzeichnis des Themes (die Pfade von src im CSS von Schritt 4 müssen auf dieses Verzeichnis zeigen!).
Ein Beispiel findest Du hier:
https://github.com/bludit-themes/log/tree/master/assets
Hier sind die Fonts im Verzeichnis
log/assets/webfonts/ gespeichert, die Datei mit dem CSS für die Fonts in der Datei
bludit.css im Verzeichnis
log/assets/css/.
Re: Google Fonts Lokal Hosten
Posted: Sat Oct 14, 2023 11:31 am
by RalfKerkhoff
Hi,
super - das hilft mir sehr!
Ich nehme an, wenn ich die Fonts in ein Verzeichnis namens "Fonts" direkt im root Verzeichnis der Bludit Installation hochlade, dann müsste der Pfad im CSS zum Beispiel so aussehen:
Code: Select all
src: url('/fonts/abel-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
Korrekt?
Gruss
Ralf
Re: Google Fonts Lokal Hosten
Posted: Sat Oct 14, 2023 11:49 am
by RalfKerkhoff
Hallo nochmal,
wenn ich den CSS Code derf mir hier angezeigt wird, 1:1 in den head Bereich des plugins kopiere, dann wird mir der CSS Code im Browser komplett angezeigt.
Irgendetwas passt da noch nicht.
Gruss
Ralf
Re: Google Fonts Lokal Hosten
Posted: Sat Oct 14, 2023 12:00 pm
by RalfKerkhoff
Ich habe es nun etwas anders gelöst:
1. Den CSS Code in eine CS. Datei gepackt.
2. die CSS Datei hochgeladen
3. Im html Plugin im Head Bereich den Verweis auf die CSS Datei eingefügt:
Code: Select all
<link rel="stylesheet" type="text/css" href="https://UrlZurSeite/Fontverzeichnis/font.css">
Läuft
Re: Google Fonts Lokal Hosten
Posted: Sat Dec 16, 2023 2:49 pm
by maik
danke dir, funktioniert für mich jetzt auch