How to Change Your Form’s Font Size

July 27, 2022

Your form’s font size is important on many levels. Similar to choosing a font face, the font size will also improve the readability and design of your form. It’s always a good idea to consider your form’s visual impact based on your target audience. Note that if it’s too small, your user might just skip submitting the form because they can’t see the text. However, choosing a larger font will also compromise the overall design of your form.

Again, your web forms should be readable on every level, so be careful about font sizes. You can change the font size in the Form Builder and Advanced Designer.

Change Font Size in the Form Builder

  1. In the form builder, click the Form Designer icon (paint roller).
  1. Go to the Styles tab.
  2. Look for the Font Size option, and input your preferred size.
  1. The Form Builder will automatically save your changes. But you can also click the Save button after inputting the font size.

Change Font Size in the Advanced Designer

  1. Following the same step above, open the Form Designer by clicking the paint roller icon.
  2. Click the Advanced Designer button.
  1. In the Advanced Designer window, expand the Font Options from the Design tab.
  2. Toggle the Base Font Size slider to change the font size of your form.
  1. Click the Save button on the top-left side of the Advanced Designer to apply the changes. If the changes are already saved, you should see the Eye icon instead of the Save icon as shown from the screenshot above.

Notes
The Advanced Designer is available with Classic Forms only. Please visit Cards or Classic: Which One Should I Use to learn more about the difference.

You can’t change the font size of the individual elements from both form builder and advanced designer. You can apply custom CSS codes in the form to do it. However, the custom CSS codes feature is only available with the classic form layout.

Please comment below if you have any suggestions, comments, or difficulties doing the above steps.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum: https://www.jotform.com/answers/

Contact Jotform Support: https://www.jotform.com/contact/

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Comments:

  • Calvary Hobart Hospitals
  • fabiocampos
  • saungquran
  • andandodebranco
  • Rakesh
  • mmuratts1
  • COHPARTA
  • neca
  • keith.adee
  • Nilli
  • eiermann
  • dcsce
  • SOLHelmetsPH
  • webgigantic
  • Twilightwarrior
  • Greg
  • Europrint
  • EltonCris
  • asoluwayemi
  • mongaakshay
  • bubbbab
  • izen
  • unkulray
  • BOUBA85
  • rajkamalschool
  • actaylorjr
  • truongthaituan
  • valeriebarcialofficial2
  • agentinvites
  • unravelable
  • chad
  • silverthreadstudiofive
  • billylevine2003gmailcom