Schriftarten
Last updated
Last updated
Schriften können lokal über die Theme Schriften genutzt werden oder extern über die Custom Schriften durch Google Fonts eingebunden werden. Zusätzlich haben wir eine Anleitung, wie Du Schriften selbst hosten kannst.
Über das Theme stehen Dir alle 1600+ Google Fonts Schriftarten zur Verfügung. Du kannst für Fließtexte und Überschriften separate Schriften oder auch die selbe Schrift definieren.
Möchtest Du für Überschriften und Fließtexte die selbe Schrift verwenden, trage in beide Felder den selben Schriftnamen ein. Die Schriftstärken werden miteinander ergänzt, sollten sich diese in den Feldern unterscheiden.
Um eine Schriftart von Google Fonts zu nutzen, suche Dir einfach je eine Schriftfamilie für Fließtexte (Schriftart Text) und eine Schriftfamilie für Überschriften (Schriftart Überschrift) aus - in diesem Beispiel möchten wir Roboto Condensed
als Schriftart für Texte verwenden und geben diese in die Suche ein.
Nach der Auswahl der Schrift können die Schriftschnitte eingesehen werden, welche die Schriftart bereitstellt. In diesem Beispiel bietet 'Roboto Condensed' alle möglichen Schriftschnitte Light 300
bis Bold 900
, da es sich um eine Schriftart handelt.
Nach den Klick auf Get embed code gelangst Du zu der Seite mit den Einbettungscodes. Hier interessiert uns lediglich der technische Name der Schrift. Notiere Dir daher den Namen der Schriftfamilie. 'Roboto Condensed', sans-serif
font-family:
sowie das Semikolon
entfallen.
Du musst hier auch keine Auswahl der Schriftschnitte vornehmen - das passiert erst im Theme!
Trage nun den Namen der Schriftart in das Feld Schriftart Text (1) oder für Überschriften in das Feld Schriftart Überschrift ein. Behalte dabei die generische Schriftfamilie bei, falls die Schriftart wider erwarten einmal nicht geladen werden kann.
Generische Schriftfamilien dienen als Fallback-Mechanismus, ein Mittel, um etwas von der Absicht des Stylesheet Autors zu erhalten für den Fall, wenn keine der angegebenen Schriftarten verfügbar sind.
Der Inhalt des Feldes Schriftart Text (1) oder Schriftart Überschrift sollte nun so aussehen:
Die Schriftstärken (Schriftschnitte) wähle im Feld Schriftstärken Text (2) oder bei Überschriften im Feld Schriftstärken Überschrift aus. Du kannst nur die Schriftschnitte verwenden, welche die Schrift ausliefert.
Stelle sicher, dass Schriften laden (3) aktiv ist und bei den Theme Schriftarten im Feld Schriftart Text (4) eingestellt ist, dass die Eigene Schriftarten verwendet werden sollen.
Um keine unnötigen Ladezeiten zu erzeugen, wähle nur die Schriftstärken aus, welche Du auch wirklich nutzen möchtest. Häufig können für einzelne Elemente spezielle Schriftschnitte in der Konfiguration gewählt werden. Werden Schriftschnitte abgerufen, welche die Schrift nicht ausliefert, wenden Browser dan Näherungsverfahren an.
Neben der Einbindung von externen oder selbstgehosteten Schriften, bietet das Theme eine Auswahl an integrierten Schriften. Diese Schriften werden mit dem Theme ausgeliefert und befinden sich nach der Installation auf Deinem Server. Du musst Dir daher bei den Theme Schriften keine Gedanken um den Datenschutz machen.
Theme Schriften können ebenso wie die Custom Schriften für Fließtexte (1) und Überschriften (2) separat eingestellt werden. Die mitgelieferten Schriftschnitte (3) stehen in eckigen Klammern hinter dem Schriftnamen.
Es ist ebenso möglich eine Theme Schrift für z.B. Fließtexte zu verwenden und eine Custom Schrift für die Überschriften. Beachte aber, dass durch die extern-eingebundene Custom-Schrift noch immer eine Verbindung zu den Google Servern besteht, es sei denn, Du hast die Custom-Schrift selbst gehostet und die Option Schriften laden im Abschnitt Custom Schriften deaktiviert.
Sobald für beide Schriften eine andere Auswahl als - Custom Schriftart -
gewählt wurde, werden keine Schriften mehr von Google Servern geladen. Die Einstellung Theme Schriften überschreibt die Einstellung der Custom Schriften.