Das Fenster Web-Fonts hinzufügenwird über die Schaltfläche Hinzufügen im Fenster Einstellungen | Web-Fontaufgerufen und zeigt die erforderlichen Optionen, um eine neue Webschriftart der Liste der für das Projekt verfügbaren Schriften hinzuzufügen.
Zunächst müssen Sie wählen, welche Technik Sie für die Integration der Webschriften verwenden wollen:
| ▪ | Google-Font: Die Dateien der Webschriften befinden sich auf dem Google-Server und können einfach in den Stylesheets der Webseiten aufgerufen werden |
| ▪ | Web-Font: die Dateien der Webschriften liegen auf dem lokalen Rechner und werden auf dem eigenen Server der Website veröffentlicht. |
Wenn man eine Google Font verwenden will, oder aber eine Schriftart integrieren möchte, müssen
| ▪ | TTF-Datei für die Offline-Anzeigeimportiert werden: 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. |
Im Fall von Google Font ist es außerdem erforderlich Folgendes anzugeben
| ▪ | @Import-Code: das ist der direkt von Google gelieferte Code, um die Schriftart im Stylesheet (CSS) der Website zu verknüpfen. |
Im Falle einer Webschrift ab dagegen sollte auch
| ▪ | WOFF-Datei (empfohlen)importiert werden: 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. |
|
Da die Unterstützung der Webschriften 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:
