Good evening.

Good evening.

I would like to import and use the google font Montserrat as my header font, while keeping the rest of the text Open Sans, which is already an option within jotforms.

I admittedly have very little experience with CSS, jotforms or google fonts, but would be grateful if someone had the time to walk me through how I might accomplish this.

Thank you.

I

Hello,

You can change the font by selecting our "Advanced Designer" tool. I've prepared a screencast about how you can do it. The key thing to note here, you can reach the element's id by clicking twice on it. Then you can change the element's "font-family" property.

Hope this information will be helpful.

Thank you. 

This is incredibly helpful.

So will I cut and past both chunks of code from google into the individual CSS for every individual header in my form?

Hello @Franzen111!

On behalf of the JotFrom Support Team, you are most welcome.

To answer your question, no you do not have to this for every header individually. If you'd like all of your headers to have the same font you will need to target all headers in your form, the same goes for the field labels. 

You will still need to follow the steps my colleague has provided in their earlier response for importing the Google fonts. 

For the form headers use this code (replace the xxx with the name of the font-family): 

.form-header {

    font-family : xxx;

}

For the field labels use this code (replace the xxx with the name of the font-family): 

.form-label.form-label-top {

    font-family : xxx;

}

Please feel free to reach out again if you have any further questions or concerns, we are always happy to help!