Web-friendly fonts can easily supplement the readability and design of your web forms. However, you shouldn’t base your font choices solely on looks. It’s always a good idea to look into your user’s perspective.
At Jotform, we’ve searched and gathered the best web-friendly fonts for your forms, which you can apply through the Form Builder or the Advanced Designer. Changing the font is straightforward, but we’ve also linked a separate guide below if you wish to try custom or Google fonts.
Note
The options below are available for Classic Forms only. Visit Cards or Classic: Which One Should I Use to learn a little more about the difference.
Changing the Font via the Form Designer
You can change the form’s fonts via the Form Designer in just a few clicks:
- In the form builder, click the Form Designer icon (paint roller).
- Go to the Styles tab.
- Look for the Font dropdown and choose your preferred font from the list.
- The changes are automatically saved by the form builder. But you can click the Save button after choosing the font.
Changing the Font via the Advanced Designer
You can access the Advanced Designer within the Form Designer panel:
- Open the Form Designer panel by following the same steps above.
- Click the Advanced Designer button.
- Next, expand the Font Options section in the Design tab.
- Choose your desired font from the list.
- Click the Save button on the top-left side to apply the changes. If the changes are already saved, you should see the preview (eye) icon instead of the save icon.
If you are familiar with Google Fonts, you can also use them on your form. Check out our user guide on How to Use Google Fonts and Custom Fonts in Your Form for more details.
Don’t forget to comment about your experience with form fonts below!
Send Comment:
17 Comments:
how can you change font in a form that is already done and in the done for you group
😀😀
I need a human being to contact me. I keep trying to edit a form and it keeps wiping out all my edits. But I have so many questions and am getting very frustrated with your website and your system -- starting with the fact that you changed my user name and password when I signed in -- all the way to re-creating a form I had already created and now can't seem to access. Please have someone contact me IN PERSON.
Only the answer font size, the question size isnt affected, zzz
Advanced form designer option not showing up under form design. No box at bottom on any tab. Please advise.
i need japanese fonts, there is a way?
This is all I see.
Where is the Styles tab?
Hello Jotform team,
I can't change the font size because I use the option "single question by page". Is there a workaround to change the font size when I have only one question by page ? This is too big.
Thanks,
Perrine
I'm having the same issue as ThomasBDay, all i get when I open designer is choices of Palette, Themes and Custom. There's no option for me to change layout to legacy as was suggested in response to ThomasBDay's question.
When I open form designer I get something much different. My choices are only Palette, Themes and Custom
Please see the URL below.
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.
How I can use a font source other than Google fonts, but is included in my project?
What about the font weight? I want to remove the bold in the text field labels.
Thanks,
how to change fonts?
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
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.