This is an old revision of the document!
Table of Contents
How can I add a new font to a template?
Our system offers flexible options for integrating custom fonts into your templates – either via the Media browser or via a CSS link.
Integration via URL
You can integrate a font at any time via a publicly accessible URL. Integration is done directly in the template using CSS, e.g.:
@font-face {
font-family: 'MyFont';
src: url('https://example.com/fonts/myfont.woff2') format('woff2');
}
Upload via the Media browser
Fonts can be uploaded directly to the Media browser.
Supported file formats
| Format | Description |
| .woff | Recommended web font format |
| .woff2 | Optimized format for modern browsers |
| .ttf | TrueType – widely used |
| .otf | OpenType – supports extended typography |
Alternatively, you can use a font that is available as a free font at https://fonts.google.com/.
Preferably use .woff or .woff2 for best compatibility and loading times.
They can then be integrated into templates as web fonts.
Microsoft Outlook does not support web fonts. For emails to be displayed correctly in Outlook, a system font must be stored as a fallback – ideally Arial or Times New Roman.
