The menu “Writings” Allows administrators to upload custom fonts that can then be used across the platform. In order for an event or platform to appear in the corporate design, it is often necessary to install a new font or typeface.
This feature allows you to personalize the look and feel of your events and adapt it to your brand. Learn how to do this easily and how the font is subsequently used in the platform here.
Step 1 – Install font #
Under "Administration" > „Fonts“ a new font can be created.
With a click on “Add new font” Open the creation screen. Here you'll find all the options for uploading fonts.
After you have ,Generally' Once you've created a name for the new font, upload the font file to the designated upload field. Use at least one of the fields. Make sure that the uploaded file is in the correct format.
With a click on “Add new font” the new font is created and thereby also a Identifier, which can be used as a CSS tag in the platform. In our example, it is the tag "my-new-font".
Step 2 – Use font #
You can now use the newly defined font in these two different ways:
Usage 1 – Change entire platform font #
Under Settings > Fonts You can set any uploaded font as the default font. If you change this font, all future text on the platform will be displayed using the new font.
Use 2 – Only on certain sections #
If you do not want the entire platform to be displayed in the new font, but only a specific section, you can also use the tag in HTML or CSS. "font-family" In our case, this would be "font-family:my-new-font". When used in an inline CSS like this:
<span style="font-family:meine-neue-schrift;">Here is the text in the new font</span>This way you can create and use any font style.
Important instructions #
- If you have problems uploading, check the file size and format.
- Make sure you have the appropriate rights to the fonts before uploading them.
The different file formats explained #
- .woff (Web Open Font Format): A compressed font format designed specifically for the web. It's ideal for fast loading times.
- .woff2: An improved version of .woff with higher compression and even shorter loading times.
- .svg (Scalable Vector Graphics): Often used for fonts that are integrated into vector graphics.
- .eot (Embedded OpenType): An older font format that was primarily used for Internet Explorer.
- .ttf (TrueType Font): A standard font format used for both desktop and web applications.
DE