How to Add Custom Font in Gravito CMP (New)?
To add custom fonts in Gravito CMP (New), you can use the customCSS
field (Code Editior) in the configurator. You can add any CSS syntax in this field, including @font-face
rules to load custom fonts.
Here is an example of how to add a custom font using @font-face
:
@font-face {
font-family: 'MyCustomFont';
src: url('https://example.com/fonts/MyCustomFont.woff2') format('woff2'),
url('https://example.com/fonts/MyCustomFont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
You can then use this font name to override the default font in the CSS class for the root container of Gravito CMP (New), i.e., the class gravitoCMP-tab-container
.
.gravitoCMP-tab-container {
font-family: 'MyCustomFont', sans-serif;
}