What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Use custom CSS font family on form

    Asked by trailofdan 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.

    Page URL:
    http://www.valsabinpublications.com/contact-val-sabin-publications-and<br/>-training/

    CSS font font family font
  • Profile Image
    JotForm Support

    Answered by Rose 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

    Answered by trailofdan 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
    JotForm Support

    Answered by EltonCris 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!