Neep Help Updating Font Family CSS for Brave Browser

Hello! I'm was successfully able to update the form font to 'GT Walsheim Pro' for Chrome, however in Brave browser it looked like it was reverting to 'Times' or another font. Wondering if you can explain why this is happening or have a fix for this?

This is the code that was working in Chrome but not Brave. I know brave supports this font because the rest of our website has this font and it's working:

.form-label-top {

    width: 100% !important;

    font-family: 'GT Walsheim Pro' !important;

    font-weight: 800 !important;

}

Hi Battlesword, 

Thanks for reaching out to Jotform Support. Is the form embedded on your website? If so, try to inject your custom CSS code to your form then embed the form using its iFrame embed code. This guide will show you how to do that. If that doesn't work, let us know the page its embedded on as well as the forms URL so we can check it.

Let us know if you have any other questions.

Yes I have injected my cutom CSS code as directed and embeded the iFrame on my site here: https://iar.life/contact-test

The Label headings look perfect in Chrome:

But not in the Brave browser.

Forms URL is: https://form.jotform.com/230305968241151

Thanks for looking into it!

Hi Battlesword, 

Thanks for getting back to us. I’ll need a bit of time to look into this. I’ll get back to you as soon as I can.

Let us know if you need any more help.

Hi Battlesword, 

Thanks for your patience, we appreciate it. When I checked, I found that since you're using a custom font, you'll need to host the custom font in your own server then inject a custom CSS code like the below to your form:

@font-face {

font-family: 'MyWebFont';

src: url('https://example.com/webfont.woff') format('woff'),

url('https://example.com/webfont.ttf') format('truetype');

}

* {

font-family: 'MyWebFont', sans-serif;

}

Let us know if you need any more help.

Thank you for the help! I'll look into implementing this.

Hi Battlesword, 

I checked this again and found that the server where the fonts are hosted is blocked by CORS. You can try to host your files somewhere else or look for online sources that hosts the custom font.

Let us know if you need any more help.