How to Change Form Fonts

Last Update: August 26, 2016

There are few web-friendly fonts that can supplement the readability & design of your web forms. You shouldn’t use just any font you want to because you think it looks pretty; you need to think about your customers, too. We've searched & gathered the best web-friendly fonts for your forms and have a very easy method for implementing them in your forms.

There are two (2) ways to change the form fonts.

1. In the Preferences window

a. Click the Preferences button in form builder:


b. Go to the Form Styles tab. Scroll down to the bottom and change the font in the Font Family dropdown:



c. Click the Save Changes button to save your form.




2. In the Designer

a. Click the Designer button in the form builder. The mini designer will open up.

b. Go to the Styles tab and scroll down to the bottom to choose the Font Family:


c.  Click the Save Changes button to save your form. Note that you can click the Advanced Designer button to load the full designer with complex design options. 


And that’s about all it takes to change your form’s fonts. Try different fonts to make your forms better fit your website, blog, or page. If you are familiar with Google Fonts, then you can also use the fonts there for your form. Here's a guide that you can check: How to use Google Font in JotForm Forms 

Don't forget to comment about your experience with form fonts below! 


7 Comments...


   
kjulian (September 30, 2013 at 12:18 PM)

This does not seem to allow different font sizes in different text boxes - does it all have to be the same font within the entire form? Thank you.

View Answer


   
IrishVeterans (February 03, 2014 at 05:33 AM)

Hi,
I am trying to change the font of my Header and Sub Header to Tahoma font but every time I try, it reverts back to its default. I have tried both methods shown above but to no avail.

Irish Veterans

View Answer


   
abdulazeeem (February 04, 2014 at 09:32 AM)

how to change fonts?

View Answer


   
simple_acts (March 18, 2014 at 01:04 AM)

What about the font weight? I want to remove the bold in the text field labels.

Thanks,

View Answer


   
diana_aceves_ (October 13, 2015 at 06:19 AM)

How I can use a font source other than Google fonts, but is included in my project?

View Answer


   
Jackie (November 04, 2015 at 05:02 PM)

Fonts are changing when converted to PDF even after I have followed the steps above.

I went in and changed the font family on the designer tool and in settings but when I convert the document to PDF it is giving me a different font on the text boxes and rating scale.

View Answer


   
Jackie (November 05, 2015 at 08:17 AM)

Please see the URL below.

https://form.jotform.com/52607024996158

View Answer


Send Comment