Wie nutze ich meine eigene Schriftart in einer eCard?

Geschätzte Lesezeit: 1 min

Neben unseren Standardschriftarten haben Sie nun auch die Möglichkeiten eine eigene Schriftart hochzuladen oder diese mit Hilfe einer CSS-Anweisung zu definieren. In diesem Tutorial lernen Sie dies in nur wenigen Schritten zu vollziehen.

Eine Custom-Schrift muss in jeder eCard neu festgelegt werden. Sie überträgt sich nicht auf andere eCards.

Öffnen Sie den Bearbeitungsmodus Ihrer gewünschten eCard. Klicken Sie im Reiter eCard Einstellungen auf Schriftgestaltung.

Schriftart hochladen

Wenn Sie Ihre eigene Schriftart als Datei hochladen wollen, wählen Sie im Dropdown-Menü Hochladen aus.

Nun öffnet sich ein weiteres Feld in dem Sie eine Datei zum Upload Ihrer Schriftart auswählen können. Speichern Sie alle Änderungen nach dem erfolgreichen Upload.

Beachten Sie bitte, dass nur die Dateiformate .woff, .woff2, .ttf, .otf zulässig sind und diese nicht größer als 5MB sein dürfen.
Haben Sie für Ihre gewünschte Schrift keine passenden Dateien zur Verfügung, empfehlen wir Ihnen einen Blick auf die frei verfügbaren Fonts von Google zu werfen. Diese können hier heruntergeladen werden.

Die hochgeladene Schriftart wird nach dem Speichern automatisch auf Ihren bestehenden eCard-Text übertragen.

Schriftart per CSS definieren

Bitte beachten Sie: Wir empfehlen immer das Hochladen einer Schriftart als Datei in den Formaten .woff, .woff2, .ttf oder .otf. Eine Schriftart per CSS zu definieren, dient lediglich als letzte Alternative, welche ggf. aus Sicherheitsgründen von uns freigegeben werden muss. Kontaktieren Sie bei Fragen gerne unseren Support.

Soll Ihre Schriftart via CSS definiert werden, klicken Sie unter eCard Einstellungen >Schriftgestaltung im Dropdown der Schriftart auf Eigene. Nun öffnet sich das Feld CSS für eigene Schrift.

Dort kann ein CSS Snippet nach folgendem Schema eingetragen werden:

@font-face {
font-family: ‚FONTNAME‘;
src: local(“),
url(‚pfad-zur-datei/datei.woff‘) format(‚.woff‘),
url(‚pfad-zur-datei/datei.woff2‘) format(‚.woff2‘);
}
body {
font-family: ‚FONTNAME‘;
}

Die hochgeladene Schrift wird nach dem Speichern automatisch auf Ihren bestehenden eCard-Text übertragen.

War dieser Artikel hilfreich?
Dislike 0
Fragen? Suchen Sie in unserer Wissensdatenbank.