schöne Buttons ohne Google Fonts

Wer behauptet denn so etwas?

Hallo eimer ,

Google Fonts sind nicht verboten. Da bei Verwendung von Google Fonts aber Daten an Dritte übermittelt werden, muss entweder ein berechtigtes Interesse des Seitenbetreibers geltend gemacht werden (dann besteht lediglich eine Aufklärungspflicht gegenüber dem Besucher bei Beginn der Übermittlung) oder es muss die Einwilligung des Besuchers eingeholt werden (Übermittlung an Dritte darf dann erst nach Einwilligung beginnen).

Da anscheinend viele Seitenbetreiber Probleme haben, ein entsprechendes berechtigtes Interesse zu formulieren und eine Übermittlung erst nach Einwilligung technisch aufwändig ist, kommt es zu dieser "Fake News".

Beide Problematiken lassen sich umgehen, indem die Google Fonts auf dem eigenen Server installiert werden.

Zitat von Hanabi

Beide Problematiken lassen sich umgehen, indem die Google Fonts auf dem eigenen Server installiert werden.

Das möchte ich gerne aufgreifen.

Es gibt zwar hier im Forum bereits eine Anleitung dafür - aber ich bekomme das einfach nicht hin. Kennt jemand ein leicht verständliches Tutorial, das auch für einen absoluten Laien nachvollziehbar ist? Ich bin nun mal kein Programmierer und denke, dass ich da nicht alleine mit diesem Problem bin ...

Das wäre wirklich sehr, sehr toll!

Die Codes von Mario sind klasse.

Die sicherste und beste Möglichkeit ist, einfach den Code umschreiben und eigene Grafiken oder Bilder auf dem Server ablegen und einbinden. Dann ist alles nur im Project .html, .css, grafik.

Zitat von mayer

Die sicherste und beste Möglichkeit ist, einfach den Code umschreiben und eigene Grafiken oder Bilder auf dem Server ablegen und einbinden. Dann ist alles nur im Project .html, .css, grafik.

So ist es. Auf der verlinkten Seite kann man ja auch alle Icons als SVG oder PNG downloaden.

WolfgangB ich arbeite an einer Anleitung und melde mich wieder.

WolfgangB hier entlang bitte: https://docs.zeta-producer.com/webfonts-selbst-hosten.html

Hallo Herr Seiz,

bin eben nach Hause gekommen und sehe das: ich bin überwältigt, herzlichen Dank! Kann es aber erst morgen durchführen, bin schon gespannt.

Ein Spitzenservice, danke nochmals!

Stefan S ,

Super Anleitung, ich habe dazu noch Fragen, Anregungen...

• Der Link öffnet die Online-Hilfe unter den Reitern "Tipps > Datenschutz" wenn ich aber die Seite https://docs.zeta-producer.com/datenschutz.html aufrufe finde ich keinen Link zu der Anleitung. Ist aber auch gut möglich das ich mal wieder Blind bin.
• Das CSS wird ja so direkt in den HEAD der HTML-Datei geschrieben. Solcher Code würde sich sicher besser in der "blundle.css" machen. Ich hatte ja schon vor einiger Zeit den Wunsch geäußert den ZP-Nutzern die Möglichkeit zu geben längeren CSS-Code direkt in die "blundle.css" schreiben zu können ohne dazu ein Layout kopieren zu müssen. Eventuell nochmal darüber nachdenken.

Zitat von Mario

Der Link öffnet die Online-Hilfe unter den Reitern "Tipps > Datenschutz" wenn ich aber die Seite https://docs.zeta-producer.com/datenschutz.html aufrufe finde ich keinen Link zu der Anleitung. Ist aber auch gut möglich das ich mal wieder Blind bin.

Das ist momentan absichtlich so und wird korrigiert, wenn wir mit dem Artikel ganz fertig sind. Das ist aktuell sozusagen nur eine "Vorabversion".

Zitat von Mario

Das CSS wird ja so direkt in den HEAD der HTML-Datei geschrieben. Solcher Code würde sich sicher besser in der "blundle.css" machen. Ich hatte ja schon vor einiger Zeit den Wunsch geäußert den ZP-Nutzern die Möglichkeit zu geben längeren CSS-Code direkt in die "blundle.css" schreiben zu können ohne dazu ein Layout kopieren zu müssen. Eventuell nochmal darüber nachdenken.

Ist aktuell nicht anders möglich. Wir denken darüber nach.

Super Klasse Anleitung, vielen Dank. Bin genau wie beschreiben vorgegangen.

Beim überprüfen des Seitenquelltextes, war der Erfolg sichtbar. Super hat geklappt.

Hallo Herr Seiz,

das Einbinden der Fonts klappt mit Ihrer wirklich tollen Anleitung wunderbar!

Vielen Dank nochmals.

Moin,

steht doch eindeutig im Text wo du es downloaden kannst ...

Zitat von eimer

Wo kann ich diese Icons (z.B. das Download Icon) downloaden?

Auf dieser Seite das gewünschte Icon markieren. Anschließend findest du unten Links einen Download-Button für eine SVG sowie eine Button "selected Icon" hier kannst du noch Einstellungen vornehmen und den Icon anschließend als SVG oder PNG downloaden.

Viele frei verfügbare Vector Icons findest du auch HIER.

Dia Anleitung um die Google Fonts auf dem eigenen Server zu installieren finde ich auch superklasse!

Nur finde ich beim Schritt 3 beim Rechtsklick auf einen Schriftdatei keinen Punkt Ausgabe. Wenn ich aber auf "Eigenschaften" klicke, dann kommt "Ausgabe". Das funktioniert dann auch, denke ich.

Ist das mit der "Ausgabe" etwa bei den Kaufversionen anders?

glamm

glamm das war nur ein Fehler in der Beschreibung. Ist korrigiert.

Danke, habe es ja auch so gemacht. Super Service!

glamm

Stefan S Super! Herzlichen Dank für diese ausführliche Anleitung!