In this article we will explain how to use custom fonts.
Firstly, 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 the head section, 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.
Comments
0 comments
Please sign in to leave a comment.