How can I use "custom fonts"?

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>