End of Support for Joomla 3 - Forum closed
Googleschriftarten hochladen
- CodenameAlpha
- Offline
- Fresh Boarder
- Posts: 2
- Thank you received: 0
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.
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.
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
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
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:
Code:
/* Schrift laden */
@font-face {
font-family: "Open Sans";
src: url("/css/OpenSans-Regular");
}
/* Schrift zuordnen*/
html, h1, h3 {
font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}
Attachment Screenshot_9-2-3-4-5-6-7-8.jpg not found
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
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
Last Edit:6 years 8 months ago
by joomlaplates
Attachments:
Last edit: 6 years 8 months ago by joomlaplates.
Please Log in or Create an account to join the conversation.
- miwadesign
- Offline
- Fresh Boarder
- Posts: 4
- Thank you received: 0
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
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
by miwadesign
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Hallo,
dann haben sie wohl etwas falsch gemacht.
Bitte lesen
www.joomlaplates.de/support/dokumentatio...ogle-fonts-die-dsgvo
dann haben sie wohl etwas falsch gemacht.
Bitte lesen
www.joomlaplates.de/support/dokumentatio...ogle-fonts-die-dsgvo
Dokumentation:
www.joomlaplates.de/dokumentation.html
www.joomlaplates.de/dokumentation.html
by joomlaplates
Please Log in or Create an account to join the conversation.
- miwadesign
- Offline
- Fresh Boarder
- Posts: 4
- Thank you received: 0
Jetzt hat es funktioniert. Hatte vergessen den Style beim Customizer zu ändern.
Vielen Dank.
Vielen Dank.
by miwadesign
Please Log in or Create an account to join the conversation.
Hallo,
ich habe beim jp-sport Template das Problem, das die Variante mit der custom.css nicht funktioniert - gibt es da eine Lösung?
ich habe beim jp-sport Template das Problem, das die Variante mit der custom.css nicht funktioniert - gibt es da eine Lösung?
by wocken-it
Please Log in or Create an account to join the conversation.
Moderators: joomlaplates