How To Change Your Form's Font Size

January 17, 2025

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

You can change the form’s fonts via the Form Designer in just a few clicks. Here’s how:

  1. In the Form Builder, click the Form Designer (paint roller icon) on the right side of the page.
Paint Roller Icon in Jotform
  1. Go to the Styles tab.
  2. Look for the Font Size and input your preferred size.
Font Size option in Form Designer Jotform

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. In the Form Builder, click the Form Designer (paint roller icon) on the right side of the page.
    Paint Roller Icon to in Jotform Builder
    1. In the Form Designer, click the Advanced Designer button at the bottom part to load your form into the Advanced Designer page.
    Advanced Designer Button in Jotform
    1. Next, expand the Font Options section in the Design tab.
    2. Toggle the Base Font Size slider to change the font size of your form.
    Base Font Size option in Advanced Designer Jotform
    1. Click the Save button on the top-left side to apply the changes.
    Save Icon button in Advanced Designer in Jotform

    If the changes are already saved, you should see the preview (eye) icon instead of the save icon.

    Eye Icon in Advanced Designer Jotform

    Notes

    • Font Size is not an option with Card Forms.
    • 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.
    • Advanced Designer is available in Classic Forms only. Visit Cards or Classic: Which One Should I Use to learn more about the difference.
    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