Weaver II – Schriften festlegen
Zuletzt aktualisiert am 11. August 2019 um 06:45 Uhr
Heute geht es weiter mit meiner Beitragsserie zu meinem Lieblings-Theme „Weaver II“.
Nachdem ich in den letzten Beiträgen die Möglichkeiten zur Layoutgestaltung erklärt habe, geht es heute weiter mit dem nächsten Punkt in den Theme-Options, nämlich den Schriftarten.
Den entsprechenden Menüpunkt finden Sie unter
„Design“ – „Weaver II Admin“ – „Main Option“ – „Fonts“
Unter diesem Menüpunkt können die Schriftarten für den Fließtext (Content Font) und die Überschriften (Titles Font) festgelegt werden. Zur Auswahl stehen 20 verschiedene Schriftarten.
Außerdem können Sie an dieser Stelle die Standard-Schriftgröße und den Zeilenabstand für Texte festlegen. Standardmäßig sind für die Zeilenhöhe 1.5 festgelegt. Mir persönlich ist dieser Abstand zu groß und ich passe das gern auf 1.3 an.
Für die Ansicht auf dem Smartphone kann – falls gewünscht – eine abweichende Standard-Schriftgröße gewählt werden. Das kann aus Gründen der besseren Lesbarkeit sinnvoll sein.
Freie Schriftenwahl mit Weaver II Pro
Wenn Sie die Pro-Version von Weaver II nutzen haben Sie nahezu vollständige Flexibilität bei der Verwendung von Schriften in Ihrer Website. Alle verfügbaren Google Webfonts können ganz leicht und intuitiv in das Theme importiert und den einzelnen Textbereichen zugeordnet werden. Dafür müssen Sie unter „Specify Standard Font Family“ im Dropdown den Punkt „Google Web Font“ auswählen.
Der schwierigste Teil ist es vermutlich, sich bei der riesigen Auswahl der Google Webfonts für eine Schrift zu entscheiden. Wenn Sie das einmal geschafft haben, müssen Sie nur auf den Button für „Quick Use“ klicken.
Sie bekommen dann zwei Codes angezeigt, einen für die Einbindung des Fonts in Ihre Website und einen Code für die Einbindung der Schrift in das Stylesheet:
Diese beiden Codes müssen Sie lediglich an die entsprechende Stelle in den Weaver-Theme-Options einfügen: Den ersten Code bei „Specify Google Webfont Family“ unter Nr. 3 und den CSS-Code unter Nr. 4.
Im zweiten Schritt (Step 2) müssen Sie lediglich auf den Button mit der Aufschrift „Click here to generate Font CSS Definition“ klicken. Dadurch erhalten Sie den CSS-Code den Sie im übernächsten Schritt benötigen, um die Schrift für den gewünschten Bereich einzusetzen.
Um die auf diesem Weg neu eingefügte Schriftart zu verwenden müssen Sie jetzt nur noch bei Schritt 4 (ja, richtig, Schritt 4 – Zu Schritt 3 komme ich gleich noch) für den gewünschten Textbereich auf den Button „Paste CSS“ klicken.
Nahezu jedem Bereich des Themes, angefangen beim Fließtext (Content Fonts) über die Navigation und die Widgetbereiche, könnte so eine eigene Schriftart zugefügt werden. Aber Vorsicht, übertreiben Sie es nicht 😉 … Zwei bis maximal drei verschiedene Schriften je Seite sind eigentlich völlig ausreichend, sonst wirkt die Seite schnell unordentlich und unstrukturiert.
Fast geschafft 🙂
Wenn Sie mit einer Schriftart die Schritte 1, 2 und 4 abgeschlossen haben müssen Sie bei Step 3 noch auf den Button „Click here to paste current Google #3 and #4 to available Google fonts list“ klicken. Damit wird die neu eingefügt Schrift zur Liste der verfügbaren Schriften in Weaver II hinzugefügt.
Danach können Sie die Schritte 1, 2 und 4 für die nächste Schriftart – beliebig oft – wiederholen.
Damit bin ich am Ende des heutigen Tutorials zu Weaver II. Wenn es Ihnen gefallen hat, Sie Fragen dazu oder generell zu Weaver II haben, dann freue ich mich auf Ihren Kommentar.
Hier finden Sie die weiteren Beiträge zur Serie
[serie seriename=“serie-weaver“]Bildquelle:
weavertheme.com