Google Webfonts einbinden

TomTom

Hallo erst mal....

zuerst wünsche ich allen ein schönes, erfolgreiches und vor allem gesundes neues Jahr.

Weiterhin möchte ich mich bei allen Beteiligten hier für dieses hervorragende Forum bedanken.

Es hat mir oft schnell und immer professionell geholfen, wenn mein Hirn mal wieder nicht auf die richtige Lösung kam.

Meine aktuelle Frage, die mich zur Zeit etwas beschäftigt:

Wenn ich einen neuen, speziellen Google-Font als Hauptschriftart im Projekt benutzen möchte, habe ich es in der Vergangenheit immer so gemacht wie es im Handbuch unter "Webfonts vom eigenen Server laden" steht gemacht. Also Font downloaden, Zeta umstellen, CSS einbinden und den Font auf den FTP-Server laden.

Ist das immer noch Stand der Dinge? Oder reicht es mittlerweile auch aus, wenn ich den gewünschten Font einfach nur im "Layout" hinzuwähle und mit Zeta auf normalem Wege veröffentliche?

War da nicht irgendetwas mit Google oder Datenschutz oder....

Wie macht Ihr das? Was ist der richtige weg?

VG Thomas

elch

Salut TomTom

Also. Ich offenbare mich mal.

Entgegen der Anleitung habe ich - zum Anlass der letzten Gross-Renovation - folgendes gemacht:

Die Font-Dateien wie bisher per "Erweitert -> Dateien" importiert. (edit. 12.2.22 - also innerhalb, bzw. mit Zeta-Producer!)

Dann aber lediglich einen neuen «Ordner» erstellt (in meinem Beispiel «webfonts» benannt) und die Dateien dort hinverschoben (der Ordnung halber).

Danach die CSS-Feldinhalte gemäss bestehender Beschreibung eingefügt. Anstelle von «url('fonts/open-sans-v17-latin-300.woff2')…» o.ä./etc., jeweils die zuvor kopierte Datei-Objekt-ID (OID) der betreffenden Dateien eingefügt.

Dann unter «Globale Attribute» -> «Standard» -> «additional_meta» den (vorgegebenen) Standard-«link rel="preload"»-Eintrag ersetzt, bzw. ergänzt mit der OID zur «woff2»-Datei.

Beispiel:

CSS

Code

<style>
/* autour-one-regular - latin */
@font-face {
  font-family: "Autour One";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""),
       url("oid://file/autour-one-v12-latin-regular_woff2") format("woff2"), /* nur Beispiel-OID!!! */
       url("oid://file/autour-one-v12-latin-regular_woff") format("woff"); /* nur Beispiel-OID!!! */
} /* end */
</style>

Alles anzeigen

«additional_meta»

Code

<link rel="preload" href="oid://file/autour-one-v12-latin-regular_woff2" as="font" type="font/woff2" crossorigin="anonymous"> /* nur Beispiel-OID!!! */

Bezüglich "Google oder Datenschutz" ist in diesem Forum (und auch andernorts im Web) schon einiges erwähnt und das eigene Hosten der Fonts mag daher sinnvoll sein.

Gutes Gelingen und noch eine gute Woche.

Viele Grüsse

elch

TomTom

Vielen Dank für Deine Antwort.

Also eigentlich im Grunde fast so wie es auch im Manual steht, eben händisch. OK., dann werde ich wohl bei dieser Version bleiben.

Viele Grüße

Thomas

Google Webfonts einbinden

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?