Use custom CSS font family on form

Hi,

I use a custom font (from Typekit) for my website and would like to know how I can use that font to style my form. I've tried adding it via the custom CSS panel in the design section but it doesn't seem to work. Any help would be welcome, thanks.

Thank you for contacting us. 

If you would like to use your custom font on your form, you need to create some CSS rules for the new font. Luckily, JotForm support @ rules such as @import and @font-face. You can use these codes to import your custom fonts hosted on your server,too.  


Here is the guidance can assists you about how to manage it. 

https://www.jotform.com/help/100-How-to-Use-Google-Fonts-in-your-Form


If you need any further support by our side, please let us know. We would be pleased to help you. 

Hi,
thanks for replying. I don’t think this will work for me though. The reason is I use fonts from Adobe Typekit and they use a different system that uses javascript to access the fonts.
Do you know if this is possible to implement via jot form?
Regards
Daniel Jeffery
...

You can only insert javascript codes in your form source code, so technically that's possible. Unfortunately, javascript is not allowed in the form builder for security reasons.

If you are just able to locate the file path of the fonts, you can use that in your custom CSS codes and inject it in your form in the form builder as also suggested by my colleague. The full guide is explained on the second method on this page https://www.jotform.com/help/100-How-to-Use-Google-Fonts-in-your-Form#methodB

Thanks!