How To Change Your Form's Font Size

July 15, 2024

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.

Youtube Embed Poster: iqZ8mR6i3i0

Changing the Font Size With Form Designer

To quickly change the form’s font size

  1. In the Form Builder, click the Form Designer icon (paint roller).
jotform-form-designer-2
  1. Go to the Styles tab.
  2. Look for the Font Size option, and input your preferred size.
jotform-form-designer-font-size
  1. The Form Builder will automatically save your changes.

Changing the Font Size With Advanced Designer

To change the font size via the Advanced Designer

  1. Open the Form Designer by clicking the paint roller icon.
  2. Click the Advanced Designer button.
jotform-advanced-designer-button-2
  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.
jotform-advanced-designer-font-sze
  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.

Notes

  • Advanced Designer is available in Classic Forms only. Visit Cards or Classic: Which One Should I Use to learn more about the difference.
  • You can use CSS to change the font size of specific form elements. However, custom CSS codes are only available in the Classic form layout.
  • Font Size is not an option with Card Forms.

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

Push Notifications for Jotform Apps
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:

  • Andrea - Profile picture
  • Coleen peters - Profile picture
  • Laura Rodríguez - Profile picture
  • Calvary Hobart Hospitals - Profile picture
  • fabiocampos - Profile picture
  • saungquran - Profile picture
  • andandodebranco - Profile picture
  • Rakesh - Profile picture
  • mmuratts1 - Profile picture
  • COHPARTA - Profile picture
  • neca - Profile picture
  • keith.adee - Profile picture
  • Nilli - Profile picture
  • eiermann - Profile picture
  • dcsce - Profile picture
  • SOLHelmetsPH - Profile picture
  • webgigantic - Profile picture
  • Twilightwarrior - Profile picture
  • Greg - Profile picture
  • Europrint - Profile picture
  • EltonCris - Profile picture
  • asoluwayemi - Profile picture
  • mongaakshay - Profile picture
  • bubbbab - Profile picture
  • izen - Profile picture