Good evening.

  • Franzen111
    Asked on February 28, 2020 at 5:35 AM

    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.


  • Gokay JotForm Developer
    Replied on February 28, 2020 at 8:44 AM


    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.

    1582897050font Screenshot 10

    Hope this information will be helpful.

  • Franzen111
    Replied on February 28, 2020 at 11:16 AM

    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?

  • enterprisesupportteam
    Replied on February 28, 2020 at 2:35 PM

    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!