/
How can I use "custom fonts"?
Usercentrics - PUBLIC
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?
, multiple selections available,
Related content
How can I customize the design of the privacy banner (Version 1)?
How can I customize the design of the privacy banner (Version 1)?
Read with this
Wie kann ich "benutzerdefinierte Schriftarten" (custom fonts) verwenden?
Wie kann ich "benutzerdefinierte Schriftarten" (custom fonts) verwenden?
More like this
Why can't I log in (Admin Interface)?
Why can't I log in (Admin Interface)?
Read with this
How can I embed CSS files with Usercentrics?
How can I embed CSS files with Usercentrics?
More like this
Why can't I log in (Account Interface)?
Why can't I log in (Account Interface)?
Read with this
Why does the DPS Scanner indicate that Google Fonts is loading even though I am not using it?
Why does the DPS Scanner indicate that Google Fonts is loading even though I am not using it?
More like this
Usercentrics - PUBLIC