How to add a custom font

To add a custom font to your website follow these steps:

1. Obtain the URL for your font file. Typically this is a .otf or .ttf file, like: https://example.com/your-font-location/assets/Roboto-SemiBold.otf
2. Navigate to Custom Coding > CSS
3. Add the following CSS (replace the URL with your custom font URL):
   

   @font-face {
       src: url(https://example.com/your-font-location/assets/Roboto-SemiBold.otf);
       font-family: title-font-custom;
   }
   
   :root {
       --title-font: title-font-custom;
   }

4. Save and publish