How can I use "custom fonts"?

Steps

You need to host the font family in your site
Then enter the exact name of the font-family in the custom font field:
Appearance → Styling → Fonts → Custom Font → Choose the desired font

For example: Font-family Arsenal

Code Example

In head before the Usercentrics code:

....//
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arsenal:wght@400;700&display=swap" rel="stylesheet">

//Usercentrics code
<script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="XXXXXX" async></script>

//style
<style>
    body{
        font-family: 'Arsenal' ,sans-serif
    }
</style>

Please keep in mind that Custom fonts do not work on the Admin Interface preview page, because the preview page is not hosting the font family.

Do you need further help?

How can I get help with technical questions?

Support Knowledge Base

How can I use "custom fonts"?

Steps

For example: Font-family Arsenal

Code Example

Do you need further help?

Related content