Googleschriftarten hochladen

Hallo,
zu 1.) Nein, das sollte kein Problem sein, die Schrift selbst zu hosten. Zumindest "Open Sans" steht unter der Apache 2.0 Lizenz und ist so auch ganz frei von fontsquirrel herunterzuladen. Die meisten Google Fonts sind in dieser Form frei und teilweise muss man sich fragen, wieso diese Schriften von Google geladen werden sollten, anstatt lokal gehostet zu sein.
2.) Das kommt drauf an, wie man es betrachtet. Bei einer selbst erstellen Webseite ist es ein leichtes eine Schriftart per CSS und einer .woff Datei einzubinden. Bei dem Joomla Template "surfing" mit dem Warp-Framework ist es etwas komplizierter:

1. Man öffne templates/jp-surfing/less/customizer.json
2. Dort setzt man ein zwischen System Fonts und Google Fonts einen neuen Array-Eintrag:
"Local Fonts": [
{"name": "Open Sans Local", "value": "'Open Sans'", "url":"opensans-font.css"}
],
3. Nun legt man mit dem Style Manager einen neuen Style an "xyz"
4. Man wählt nun als Schriftart überall die neue "Open Sans Local" aus dem Menü aus, evtl. muss man in den Advanced Mode um alle Stellen zu finden, wo die Schrift vorkommt. Man speichert den Style und wählt dann noch "Compile Less"
5. Man legt eine opensans-font.css mit dem folgenden Inhalt an:
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/OpenSans-Light-webfont.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/OpenSans-Regular-webfont.woff') format('woff');
}
6. Man kopiert opensans-font.css nach \templates\jp-surfing\styles\xyz\css (also in den Ordner von dem neu angelegten Style)
7. Man legt im selben Verzeichnis einen neuen Ordner namens "fonts" an und kopiert die beiden Schriftarten "OpenSans-Light-webfont.woff" und "OpenSans-Regular-webfont.woff" in diesen Ordner.
8. Man wählt in den Template Einstellungen xyz als Style.

Nun sollte die lokale Schrift geladen werden, was man über den Webinspektor prüfen kann.

Verbesserungswürdig ist die Position von opensans-font.css und den Schriften, diese in dem Style Ordner zu haben ist nicht optimal, wenn die Seite mehrere Styles nutzen soll. Und es ist seltsam, erst den Style anzulegen und erst in den dann neu dadurch entstandenen Ordner die Dateien zu kopieren. Aber das könnte man durch eine andere Pfadangabe in customizer.json ändern. Ich hatte da nur jetzt nicht auch noch die Lust zu.
War schon ein ein bisschen Kriminalarbeit zu schauen, wie das Template mit den Styles umgeht. Das gute ist, dass die einzige manipulierte Template-Datei die customizer.json ist.

Theoretisch könnte das Template von Haus aus auch lokale Schriften anbieten. Dies könnte für zukünftige Versionen (für den EU-Markt) durchaus interessant sein. Bei den Schriften unter Apache 2.0 Lizenz sollte die Distribution mit dem Template kein Problem sein.

Hallo,
es geht auch noch etwas einfacher, denn die customizer.json würde ich nicht ändern, diese wird bei einem Update von uns überschrieben. Die css/custom.css wird nicht überschrieben und bleibt auch bei einem Update erhalten.

1.) Schrift bei Google oder bei einem anderen Anbieter herunterladen ( Copyright beachten)
2.) Schriftdatei hochladen OpenSans-Regular.ttf in das Verzeichniss > css ( siehe Bild )
3.) Nun eine css/custom.css erstellen und folgenden Code einfügen:



PS. Möchte man andere Font Style haben, muss man diese natürlich ebenfalls hochladen und einbinden:
>> OpenSans-Bold.ttf
>> OpenSans-BoldItalic.ttf
>> ecp pp

Hallo,

ich habe das jetzt so gemacht, wie Sie das gesagt haben, aber es besteht immer noch die Verbindung zu Google Fonts, wenn ich im Developer Tool nachschaue. Ich habe auch im Customizer Systemschriftarten angegeben. Aber dennoch verbindet das Template sich mit dem Google Fonts Server. Wo kann ich diese Verbindung im Template kappen?
Template: expert

Vielen Dank.

LG
Michaela

Hallo,
dann haben sie wohl etwas falsch gemacht.
Bitte lesen
www.joomlaplates.de/support/dokumentatio...ogle-fonts-die-dsgvo

Jetzt hat es funktioniert. Hatte vergessen den Style beim Customizer zu ändern.
Vielen Dank.

Hallo,

ich habe beim jp-sport Template das Problem, das die Variante mit der custom.css nicht funktioniert - gibt es da eine Lösung?