Fluid Topics version 3.7.7 introduces a section in the Theme administration interface allowing ADMIN and PORTAL_ADMIN users to define the fonts used for titles and text in the different components of a tenant.
Customized fonts apply in both online and offline mode.
The interface to customize tenant fonts appears as follows:
Where:
- A section dedicated to configuring title fonts. The associated LESS variable is @font1.
- A section dedicated to configuring text fonts. The associated LESS variable is @font2.
- A field in which to enter a font-family. The default value is system-ui and corresponds to the OS default font. It is necessary to indicate a web safe font in this field.
- No custom font, selected by default.
- Selecting Upload font files displays buttons to upload font files in four formats: TrueType, OpenType, Web Open Format, or Web Open Format 2.0. It is possible to upload one font file in each format.
- Selecting Direct links to fonts displays one field for each file format. Enter a URL to link to a font.
- Selecting Using @import rule displays a single field. Enter a URL to import a font.
- Selecting Export exports all theme settings (e.g., fonts, colors and custom.less).
- Selecting Import opens a dialog box prompting the user to import a previously exported file.
- Selecting Reset to default allows the user to revert to the default configuration and opens the Preview mode with the default fonts applied. It is necessary to select Save to apply changes.
- Selecting the Preview button allows the user to preview modifications prior to saving.
Uploading font files and entering direct links to fonts automatically populates the font-family field with custom-font1 (for title fonts) or custom-font2 (for text fonts).
Using an @import rule automatically populates the font-family field with the name selected by the font provider. If this is not the case, it is necessary to manually enter the name.