Selbst mit dem kostenlosen Plan von PageFly kannst du deine eigenen Schriftarten hochladen und in deinen Seitendesigns verwenden. Das erweist sich als äußerst praktisch, wenn du eine japanische Schriftart benötigst, die nicht bei Google Fonts zu finden ist, oder wenn du einen bestimmten Font für dein Branding suchst.
Unterstützte Schriftarten-Formate
PageFly unterstützt vier verschiedene Font-Formate:
.TTF(TrueType Font).OTF(OpenType Font).WOFF(Web Open Font Format).WOFF2(Web Open Font Format 2)
Alles, was du hochlädst, wird automatisch in WOFF2 konvertiert. WOFF2 bietet die beste Komprimierung aller Web-Font-Formate, wodurch die Auswirkungen auf die Ladezeit der Seite auf ein Minimum reduziert werden.
Hinweis: Wenn du den Shopify-Testzeitraum nutzt, kannst du keine Schriftarten hochladen – dies liegt an einer Dateiformat-Einschränkung seitens Shopify und nicht an PageFly.
Schritt 1: Schriftart hochladen
Öffne im PageFly-Dashboard die Zusatzfunktionen und klicke neben Hochgeladene Schriftarten auf Verwalten.
Sobald sich der Font-Manager öffnet, klicke auf Schriftart hochladen und wähle deine Datei aus. Du kannst bei Bedarf auch mehrere Schriftarten gleichzeitig hochladen.
Nach dem Hochladen konvertiert PageFly die Datei im Hintergrund zu WOFF2. Abhängig von der Dateigröße und deiner Verbindung kann dies einen Moment dauern – sobald sie wie unten abgebildet in der Liste erscheint, ist sie einsatzbereit.
Schritt 2: Eigene Schriftart im Editor anwenden
Sobald deine Schriftart hochgeladen ist, öffnest du den PageFly-Editor. Wähle das Textelement aus, das du anpassen möchtest, und navigiere im Einstellungsbereich auf der rechten Seite zu:
Styling → Schriftfamilie (Font Family) → Hochgeladene Schriftarten
Aktiviere das Kontrollkästchen für die gewünschte Schriftart, und sie wird sofort auf dieses Textelement angewendet.
Wie du unten sehen kannst, werden hochgeladene japanische Schriftarten auch auf der Live-Seite korrekt dargestellt.
Schriftarten im gesamten Shop mit globalen Stilen verwalten
Wenn du möchtest, dass eine Schriftart in deinem gesamten Shop einheitlich verwendet wird, ist die Einrichtung über die globalen Stile der effizienteste Weg. Einmal eingestellt, wird dieselbe Schriftart automatisch auf Überschriften, Fließtext und Buttons auf jeder Seite angewendet – so bleibt dein Design ohne zusätzlichen Aufwand konsistent.
Einrichteschritte
- Klicke unter Zusatzfunktionen neben Globale Stile auf Verwalten.
- Klicke auf Typografie und gehe dann zum Reiter Styling → Schriftfamilie (Font Family).
- Klicke auf das Einstellungssymbol, wähle Hochgeladene Schriftarten und entscheide dich für die gewünschte Schriftart.
- Weise die Schriftarten den jeweiligen Typografie-Typen zu – Überschriften (H1–H6), Fließtext, Buttons und so weiter.
- Wenn du fertig bist, klicke auf Veröffentlichen, um deine Änderungen zu speichern.
In den globalen Stilen registrierte Schriftarten stehen dir von da an auch direkt im Editor als Option zur Verfügung, sodass du sie nicht jedes Mal manuell suchen musst, wenn du eine Seite erstellst.
Häufig gestellte Fragen (FAQ)
F: Kann ich eine eigene Schriftart direkt nach dem Hochladen im Editor verwenden?
A: Nicht ganz – du musst sie zuerst zu den globalen Stilen hinzufügen. Sobald sie dort registriert ist, taucht sie als Option in der Schriftauswahl des Editors auf.
F: Kann stattdessen eigener Code zum Hinzufügen von Schriftarten verwendet werden?
A: Technisch gesehen ja, aber es wird nicht empfohlen – das kann die Ladegeschwindigkeit der Seite beeinträchtigen. Die integrierte Font-Upload-Funktion ist die sicherere Wahl, sowohl für die Performance als auch für eine unkomplizierte Handhabung. Wenn du zuvor eine Schriftart über eigenen Code eingebunden hast, empfiehlt es sich, diesen Code zu entfernen und stattdessen die Upload-Funktion zu nutzen.
F: Geht meine Seite kaputt, wenn ich eine verwendete eigene Schriftart lösche?
A: Nein – veröffentlichte Seiten brechen nicht zusammen. Jedes Element, das seine Schriftart verliert, greift einfach auf die Schriftart des übergeordneten Containers zurück.
Fazit
Die Funktion für benutzerdefinierte Schriftarten von PageFly ist direkt im kostenlosen Plan verfügbar und unterstützt eine Vielzahl von Formaten, einschließlich japanischer Fonts. Sie ist definitiv einen Versuch wert, wenn du ein einheitliches Markenbild anstrebst oder einen bestimmten Font benötigst, der bei Google Fonts nicht verfügbar ist.
Als Faustregel gilt: Registriere eine Schriftart in den globalen Stilen, wenn sie im gesamten Shop einheitlich verwendet werden soll, und lege sie direkt im Editor fest, wenn du die Schriftart nur auf einer bestimmten Seite ändern möchtest.
