Use custom CSS font family on form

  • Profile Image
    trailofdan
    Asked on September 20, 2016 at 07:07 AM

    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.

  • Profile Image
    Rose
    Answered on September 20, 2016 at 10:16 AM

    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. 

  • Profile Image
    trailofdan
    Answered on September 21, 2016 at 08:46 AM
    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
    ...
  • Profile Image
    EltonCris
    Answered on September 21, 2016 at 12:07 PM

    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!