Change font of questions to conform to other fonts in form

I would like all of the fonts on the form to be the same (Arial for now). I can't figure out how to change the fonts of of the questions (Name, Country, etc.) and the buttons (Upload, Save, Submit).

Currently the questions and buttons are in some kind of serif font.

Thank you,

Amy R

Hi Amy,

Thanks for reaching out to Jotform Support. You can use Custom CSS code to change the font of your form. Here's how:

1. First, copy the following CSS code:

.form-all, .form-label, .qq-upload-button, button {

font-family: 'Arial', sans-serif !important;

} 

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

We also have a guide about How to Inject Custom CSS Codes that you can check out. See following screenshot for the expected result:

Give it a try and let us know how it goes.

That worked! Thank you!

Hello,

If I want to switch to a different font for the whole form, what CSS code would I need?

I assume I'd replace 'Arial' with the other font's name.

Do I need to include sans-serif (or serif) and !important; ?

.form-all, .form-label, .qq-upload-button, button {

font-family: 'Arial', sans-serif !important;

}

Thank you,

Amy

Hi Amy,

Yes, that's correct! You can replace Arial with the name of your preferred font. It's generally best practice to include a fallback font, such as sans-serif or serif, in case the primary font is unavailable. Also, using !important in your font declaration can help override conflicting styles, but it should be used sparingly. Overusing !important it can make future style adjustments more difficult since it forces a specific rule to take priority.

Let us know if you have any other questions.