Eine Schrift aus Google Fonts™downloaden

Praktische Anwendung > Voreinstellungen > Web Fonts >

Eine Schrift aus Google Fonts™downloaden

Previous pageReturn to chapter overviewNext page

Google Fonts™ ist ein von Google entwickelter Dienst, der es erlaubt nicht standardmäßige Schriftarten in die Webseiten einzufügen, ohne die Richtlinien nach CSS3 zu implementieren und, vor allem, ohne die Schriftart-Dateien in den eigenen Webspace zu laden (die Dateien verbleiben auf dem Google Server).

Google Fonts™ ist ein sehr reichhaltiges Verzeichnis von Open-Source-Schriftarten: Dies bedeutet, dass alle angebotenen Schriften von jedermann frei sowohl für private als auch für die gewerbliche Nutzung , für den Druck, die Verwendung auf dem Desktop oder die Erstellung von Webseiten verwendet werden können.

Um eine oder mehrere Schriften aus Google Fonts™ für ein Projekt von WebSite X5 zu verwenden, ist es erforderlich:

Auf das Verzeichnis von Google Fonts™ zuzugreifen und die verfügbaren Filter zu verwenden, um die Schriften zu finden, die Sie verwenden möchten: auch wenn die Benutzeroberfläche nur in Englisch verfügbar ist, ist die Funktionsweise sehr intuitiv.
Klicken Sie auf die Schaltfläche Zur Collection (Sammlung) hinzufügen für die gefundene Schrift. Die Collection (Sammlung) ist eine Art Behälter, in dem die interessantesten Schriftarten vorher ausgewählt werden können. Sie werden in einem speziellen erweiterbaren Bereich am unteren Rand der Seite angezeigt.

Klicken Sie um zu erweitern/minimieren

Sobald alle Schriftarten ermittelt wurden, den Bereich Collection (Sammlung) erweitern und auf die Schaltfläche Verwenden klicken,.

Klicken Sie um zu erweitern/minimieren

Wählen Sie auf der Seite, auf die Sie gelangen, für jede Schriftart den Stil (zum Beispiel Normal, Bold usw.) und den Zeichensatz (zum Beispiel: Kyrillisch, Griechisch usw.), den Sie verwenden möchten. Je nach der getroffenen Auswahl bietet Google eine Einschätzung zur Auswirkung, die die Schriftarten auf die Ladezeit der Seite haben werden, da diese vom Web-Client herunter geladen werden müssen, bevor sie angezeigt werden können. Jede Schriftart hat eine andere Auswirkung auf die Ladezeit und wir raten dazu, nicht zu übertreiben und wirklich nur die Schriftarten zu importieren, die tatsächlich gebraucht werden.

Klicken Sie um zu erweitern/minimieren

Klicken Sie auf die Schaltfläche Download: ein Dialogfeld warnt Sie, dass es nicht notwendig ist, einen Download durchzuführen, um eine Schriftart zu verwenden.. Der Download dient jedoch dazu, die die TTF Datei bereitzustellen, die das WebSite X5 benötigt, damit die Schriftarten lokal angezeigt werden können. Klicken Sie auf . Zip-Datei um den komprimierten Ordner mit allen TTF-Dateien und den jeweiligen Lizenzdateien für die Schriftart herunterzuladen. Sobald der Download abgeschlossen ist, schließen Sie das Dialogfeld, indem Sie auf die Schaltfläche Schließengehen.

Klicken Sie um zu erweitern/minimieren

Wählen Sie die Methode, um die Schriftart einzufügen, indem Sie eine der drei von Google vorgeschlagenen Alternativen auswählen:
Einbindung durch CSS Standard
Einbindung durch Befehl @import
Einbindung durch Javascript

In allen drei Fällen reicht es aus, den von Google bereitgestellten Code zu kopieren, damit er in das entsprechende Feld von WebSite X5eingefügt werden kann.

Klicken Sie um zu erweitern/minimieren

sobald dieses Verfahren abgeschlossen ist, verfügt man über alle Dateien und Informationen, die vom WebSite X5 verlangt werden, um eine Google Font zu integrieren (siehe Wie Webschriften verwendet werden.

 


Praktische Anwendung:

-

Wie Webschriften verwendet werden

-

Eine Schrift aus Fontsquirrel downloaden


Weiterführende Informationen:

-

Standardschriften und Webschriften