1. Wähle deine Schriftart
Standardmäßig sind in Funnelspace bereits alle Google Fonts integriert und direkt einsatzbereit.
Wenn du jedoch eine eigene Schriftart (Custom Fonts) verwenden möchtest, kannst du diese mit einem einfachen CSS-Code einbinden. Keine Sorge – du musst diesen Code nur einmal pro Seite hinzufügen.
✅ Wichtig: Stelle sicher, dass du die Schriftart rechtmäßig erworben hast und über die nötige Lizenz verfügst!
2. Lade deine Schrift hoch
Öffne die Medienbibliothek in deinem Funnelspace-Account.
Erstelle dort einen neuen Ordner mit dem Namen „Fonts“.
Lade deine Schriftdatei im .woff2-Format hoch.
Falls dir deine Schrift nur als .ttf oder .otf vorliegt, kannst du sie ganz einfach über Google in „.woff2“ konvertieren (Suchbegriff: Free Font Converter).
3. Kopiere die URL der Schriftdatei
Klicke in der Medienbibliothek auf die drei Punkte neben deiner hochgeladenen .woff2-Datei.
Wähle „URL kopieren“ – diese URL brauchst du gleich für den CSS-Code.
4. Füge den CSS-Code ein
Öffne die Seite deines Funnels oder deiner Website, auf der du die Schrift verwenden willst.
Klicke oben rechts auf das CSS-Icon, um den Bereich „Custom CSS“ zu öffnen.
Füge folgenden Code ein – und passe ihn an deine Schriftart an:
@font-face {
font-family: 'meine-schrift';
src: url('DEINE_FONT_URL_HIER') format('woff2');
/* Regular font */
}
.meine-schrift {
font-family: 'meine-schrift' !important;
font-weight: normal;
font-style: normal;
}Ersetze dabei:
'meine-schrift' mit dem Namen deiner Schrift – ein Wort, klein und mit Bindestrich, z. B. fabio-bold
'DEINE_FONT_URL_HIER' mit der kopierten URL aus der Medienbibliothek
5. Schriftart auf Textelemente anwenden
Klicke das gewünschte Textfeld auf deiner Seite an
Öffne rechts die Registerkarte „Style“
Scrolle nach unten zum Feld „Custom Class“
Gib dort den Namen deiner Schriftklasse ein – z. B. fabio-bold – und drücke Enter
Jetzt wird deine eigene Schriftart auf das Textelement angewendet!
Wenn deine Schriftart zwei Wörter hat, verbinde sie mit einem Bindestrich, z. B. Great Vibes → great-vibes
6. Wiederverwenden leicht gemacht
Um deine Schriftart auch auf anderen Seiten oder Funnels zu nutzen, kannst du einfach eine bestehende Seite duplizieren. So bleiben Custom Fonts, Header, Footer & Einstellungen erhalten.
So kannst du dein Funnelspace-Design mit individuellen Schriften aufwerten – ganz einfach & professionell!