Sitejet bietet dir viele verschiedene Schriftarten, die du ganz einfach zu deinem Projekt hinzufügen und verwenden kannst. In diesem Artikel zeigen wir dir, wie du Schriftarten zu einer Website hinzufügst, anpasst und eigene Schriftarten hochlädst.

Schriftarten zur Website hinzufügen

Um eine Schriftart auszuwählen, öffne den Font Manager:

1. Klicke in der linken Sidebar auf Theme.
2. Wähle Fonts aus.

Der Font Manager öffnet sich nun neben der Sidebar. Unter Ausgewählte Fonts siehst du die Schriftarten, die deiner Website bereits zugewiesen sind. Klappe Verfügbare Fonts (Google Fonts) auf, um alle weiteren Schriftarten zu durchsuchen. Jede wird dir mit Hilfe eines Beispieltextes vorgestellt.

Damit du schneller fündig wirst, kannst du das Suchfeld nutzen oder die Liste über die Filter Kategorie, Sortieren nach und Schriftstärken einschränken.

Du weißt nicht, welche Schriftarten passen? Am unteren Ende des Bereichs findest du Empfehlungen für Text- und Überschriftenschriften. Klicke auf Generieren und Sitejet schlägt dir ein passendes Paar für deine Website vor.

Die Google Fonts von Websites, die mit Sitejet erstellt werden, werden über einen Proxy ausgeführt, der nicht nur die IP-Adresse, sondern auch alle anderen identifizierenden Merkmale (Sprache, User-Agent, Referer usw.) entfernt. Dies gilt sowohl für die native Funktion im Font Manager als auch bei der manuellen Integration im CSS (@import) und HTML (link), d.h. die Fonts werden über Sitejet und nicht direkt über die Google API bereitgestellt.

Sobald du dich für eine Schriftart entschieden hast, fügt ein Klick auf das Plus-Symbol neben dem Namen die Schriftart zu deinem Projekt hinzu.

Dadurch wird sie nun im oberen Bereich unter Ausgewählte Fonts angezeigt und ist für dein Projekt verfügbar. Über die jeweilige Checkbox legst du fest, welche Schriftart standardmäßig für den normalen Text (Standard) und für die Überschriften (Überschriften) verwendet wird.

Deinem Projekt hinzugefügte Schriftarten kannst du zusätzlich anpassen, indem du auf das Zahnrad-Symbol neben dem Namen klickst. Hier öffnen sich weitere Optionen zum Aussehen der Schrift. In den Textelementen stehen dir nur die Schriftstile zur Verfügung, die du hier durch Setzen des Häkchens auswählst.

Schriftarten anpassen

Du kannst nicht nur die Schriftart auswählen, sondern auch festlegen, wie Text auf deiner gesamten Website aussieht. Klicke dazu in der linken Sidebar auf Theme, öffne Global Styles und wechsle in den Tab Text.

Der Bereich Text betrifft den Fließtext. Über die Tabs Standard, Bold und Links gestaltest du jede Variante einzeln. Für jede stehen dir Schriftfarbe, Schriftart, Schriftgröße, Zeilenhöhe, Schriftstärke, Laufweite, Schriftstil (kursiv, unterstrichen), Texttransformation (Tt / TT / tt) und Textausrichtung zur Verfügung.

Der Bereich Überschriften funktioniert für Überschriften genauso, mit den gleichen Optionen. Über die Tabs bearbeitest du H1 / Textlogo bis H6 einzeln, oder du wählst Alle, um alle Überschriftenebenen gleichzeitig zu ändern.

Alles, was du hier einstellst, gilt als globaler Standard für die gesamte Website. Eine Änderung wirkt sich also überall auf einmal aus, statt Element für Element. Einzelne Elemente können den Standard trotzdem überschreiben: Wähle ein Text- oder Überschriften-Element auf der Seite aus und passe Schriftart, Größe, Stärke usw. direkt in den Element-Einstellungen an. Die globalen Standards bleiben davon unberührt, es ändert sich nur dieses eine Element.

Wenn du oben in der Leiste auf Tablet oder Mobile wechselst, kannst du außerdem die Schriftgrößen für die mobilen Endgeräte einstellen.

Tipp: Wähle ein Text-Element auf der Seite aus und klicke im Element-Panel auf Theme bearbeiten, um direkt zu diesen globalen Einstellungen zu springen.

Schriftarten hochladen

Solltest du eine Schriftart benutzen wollen, die nicht unter Verfügbare Fonts (Google Fonts) aufgelistet wird, klappe Fonts hochladen auf. Zieh eine Datei in den Upload-Bereich, klicke, um eine Datei von deinem Computer auszuwählen, oder klicke auf aus Dateien auswählen, um dort eine Datei auszuwählen, die du bereits hochgeladen hast.

Wir empfehlen die Formate WOFF oder WOFF2 zu nutzen, da diese für den Gebrauch auf Websites optimiert sind. Sollte dir ein anderes Format zur Verfügung stehen, kannst du Online-Tools wie den Font Squirrel Webfont Generator nutzen, um hieraus Webfont-Formate wie WOFF zu erstellen. Generell werden jedoch auch .ttf, .eot und .svg als Formate unterstützt.

Manche Schriftarten dürfen nur mit entsprechender Lizenz genutzt werden. Um einen reibungslosen Web-Auftritt zu gewährleisten, informiere dich im Vorfeld, ob du diese Schriftart benutzen darfst und an was für Bedingungen das geknüpft ist.

Schriftarten auswählen

Sobald du Schriftarten deiner Website hinzugefügt hast, stehen dir diese in sämtlichen Elementen, die Text anzeigen, zur Verfügung - sofern deren Schriftart nicht durch Einstellungen in einer Section festgelegt wird. Wechsle in den Bearbeitungsmodus des Textfeldes und wähle die Schriftart per Klick auf das A-Icon in der Toolbar aus. Die Schriftarten, die du dem Projekt hinzugefügt hast, erscheinen unterhalb der Standard-Systemschriften (Arial, Georgia, Impact, Tahoma, Times New Roman, Verdana).

Zurück zum Anfang