Das Fenster Web-Fonts hinzufügen wird über die Schaltfläche Hinzufügen im Fenster Web-Font aufgerufen und zeigt die erforderlichen Optionen, um eine neue Webschriftart der Liste der für das Projekt verfügbaren Schriften hinzuzufügen.
Das Fenster enthält zwei Bereiche:
Um Ihrem Projekt einen Google-Font hinzuzufügen, können Sie Folgendes verwenden:
▪ | Ein Feld zum Suchen nach dem Font-Namen. |
▪ | Die Befehle zum Sortieren der Fonts nach Kriterien wie Beliebtheit, Erscheinungsdatum oder Anzahl der verfügbaren Schriftschnitte. |
▪ | Die Optionen für die anzuzeigenden Kategorien: Serif, Sans Serif, Display, Handwriting, Monospace. |
▪ | Den Text und die Maße für die Anzeige der Font-Vorschau. |
|
Die Dateien der Google-Fonts befinden sich auf einem Google-Server und werden aus den Stylesheets der Webseiten abgerufen.
WebSite X5 lädt die TTF-Dateien der im Projekt verwendeten Google-Fonts automatisch herunter, um die lokale Anzeige zu ermöglichen.
|
|
Zuerst sollen Sie entschieden, wie Sie Web-Font einbinden möchten:
▪ | Online Web-Font: Die Schriftdateien von Web-Fonts sind auf dem Server der Schriftart-Anbieter verfügbar und werden einfach auf die Gestaltungsbögen der Seiten des Proketes abgerufen. |
▪ | Offline Web-Font: Die Schriftdateien von Web-Fonts sind lokal auf dem Computer gespeichert und werden auf den eigenen Web Server veröffentlicht. |
Um einen Online oder Offline Web-Font in ein Projekt einzubinden, müssen folgende Dateien importiert werden:
▪ | TTF-Datei für die Offline-Anzeige: ist die erforderliche Datei im Format TrueType (TTF), um die Schriftart im eigenen Rechner anzuzeigen. Auf diese Weise kann WebSite X5 die Schriftart verwenden, als ob sie im Betriebssystem des Computers installiert wäre, und sie im Texteditor vorschlagen und allgemeiner an allen Stellen, wo es möglich ist die Schriftart für die Verwendung in einem Text einzustellen. |
Wenn Sie einen Online Web-Font anwenden, sollen Sie außerdem das folgende bestimmen:
▪ | Code @import: Der von dem Font-Anbieter gelieferte Code, um die Schrift auf die Gestaltungsbögen (CSS) mit den Seiten des Projektes zu verbinden. |
Wenn Sie dagegen einen Offline Web-Font anwenden, sollen Sie auch das folgende importieren:
▪ | WOFF-Datei (empfohlen): Dies ist die Datei im WOFF-Format für die Schriftart. Dieses Format wird von Internet Explorer, Mozilla Firefox und Google Chrome unterstützt. |
▪ | SVG-Datei (iPhone / iPad): Dies ist die Datei im SVG -Format für die Schriftart. Dieses Format wird von Mozilla Firefox, Safari, Google Chrome und Opera unterstützt. |
▪ | EOT-Datei (nur IE): Dies ist die Datei im EOT-Format für die Schriftart. Dieses Format wird nur vom Internet Explorer unterstützt. |
|
Im Fall Offline Web-Fonts sind die Schriftdateien von Web-Fonts lokal auf dem Computer gespeichert und werden gemeinsam mit den Webseiten veröffentlicht.
Da die Unterstützung der Web-Fonts für die wichtigsten Browser nicht homogen ist, ist es ratsam, nicht nur die TTF-Datei (erforderlich), sondern auch die WOFF-, SVG- und EOT-Datei für die zu verwendende Schriftart zu importieren.
|
|
Praktische Anwendung:
Weiterführende Informationen: