How do I use my own font in an eCard?

Geschätzte Lesezeit: 1 min

In addition to our standard fonts, you now also have the option of uploading your own font or defining it with the help of CSS. In this tutorial you will learn how to do this in just a few steps.

A custom font must be set anew in each eCard. It does not carry over to other eCards.

Open the editing mode of your desired eCard. In the eCard Settings tab, click on Font Styling.

Upload font

If you want to upload your own font as a file, select Upload from the drop-down menu.

Now another field opens in which you can select a file to upload your font. Save all changes after the successful upload.

Please note that only the file formats .woff, .woff2, .ttf, .otf are permitted and that they must not be larger than 5MB.
If you do not have suitable files available for your desired font, we recommend that you take a look at the freely available fonts from Google. These can be downloaded here.

The uploaded font is automatically transferred to your existing eCard text after saving.

Define font via CSS

Please note: We always recommend uploading a font as a file in the formats .woff, .woff2, .ttf or .otf. Defining a font via CSS only serves as a last alternative, which may have to be approved by us for security reasons. If you have any questions, please contact our support.

If you want to define your font via CSS, click on Custom in the font dropdown under eCard Settings >Font Styling. Now the CSS for custom font field opens.

A CSS snippet can be entered there according to the following scheme:

@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‘;
}

The uploaded font is automatically transferred to your existing eCard text after saving.

Was this article helpful?
Dislike 0
Questions? Search our knowledge base.