End of Support for Joomla 3 - Forum closed

Googleschriftarten hochladen

Replied by CodenameAlpha on topic Googleschriftarten hochladen

Posted 6 years 1 month ago #20090
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.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Googleschriftarten hochladen

Posted 6 years 1 month ago #20091
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:
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
Last Edit:6 years 1 month ago by joomlaplates
Attachments:
Last edit: 6 years 1 month ago by joomlaplates.

Please Log in or Create an account to join the conversation.

Replied by miwadesign on topic Googleschriftarten hochladen

Posted 5 years 6 months ago #21623
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

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Googleschriftarten hochladen

Posted 5 years 6 months ago #21629
Hallo,
dann haben sie wohl etwas falsch gemacht.
Bitte lesen
www.joomlaplates.de/support/dokumentatio...ogle-fonts-die-dsgvo

Please Log in or Create an account to join the conversation.

Replied by miwadesign on topic Googleschriftarten hochladen

Posted 5 years 6 months ago #21642
Jetzt hat es funktioniert. Hatte vergessen den Style beim Customizer zu ändern.
Vielen Dank.

Please Log in or Create an account to join the conversation.

Replied by wocken-it on topic Googleschriftarten hochladen

Posted 3 years 1 week ago #29106
Hallo,

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

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License