/
How can I use "custom fonts"?

Usercentrics - PUBLIC

How can I use "custom fonts"?

Steps

  1. You need to host the font family in your site

  2. 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?

 

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