What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How do I change the font of labels?

    Asked by ddsoorg on April 20, 2015 at 04:10 PM

    Hello - I was able to import google fonts to use on the form, however it did not change the label font. Here is a link to the form: http://dev.uptownstudios.net/ddso/contact-us/

    Thank you for any advice you can provide! I woudl like every bit of text on the form to be font-family: 'Roboto Slab', serif;

    Page URL:
    http://dev.uptownstudios.net/ddso/contact-us/

    font label hello google fonts
  • Profile Image
    JotForm Support

    Answered by jonathan on April 20, 2015 at 05:47 PM

    Please check my test form http://www.jotformpro.com/form/51097003322948

    I used the same CSS code you had on your form

    @import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

    .jotform-form {

    padding : 0 !important;

    }

    .form-all {

    font-family : 'Roboto Slab', serif;

    }

    .form-sub-label {

    font-family : 'Roboto Slab', serif;

    }

    .form-label.form-label-auto {

    font-family : 'Roboto Slab', serif;

    }

    and it was working

     

    You may need to clear first all of the injected CSS code on the form and then use again the Form Designer to add the CSS code.

    See screens on how to remove the entire CSS code on the form.

     

    in Form Designer

     

    Let us know if this did not work.

    Thanks.

  • Profile Image

    Answered by ddsoorg on April 20, 2015 at 07:51 PM

    Thank you, that worked perfectly for my contact form. I can't seem to get it to fully work for my donation form? http://dev.uptownstudios.net/ddso/donate-now/

  • Profile Image
    JotForm Support

    Answered by jonathan on April 20, 2015 at 09:10 PM

    In your jotform http://www.jotform.us/form/51036230616141

      please remove the custom CSS code you have injected before.

    And use/inject this one instead

     

    @import url(http://fonts.googleapis.com/css?family=Roboto+Slab);.jotform-form {

    padding : 0 !important;

    }.form-all {

    font-family : 'Roboto Slab', serif;

    }.form-sub-label {

    font-family : 'Roboto Slab', serif;

    }.form-label.form-label-auto,.form-label-top, .form-label-left, .form-label-right, .form-html {

    font-family : 'Roboto Slab', serif;

    }#cid_37 span.form-sub-label-container {

    float : none;

    }

     

    I have highlighted in bold the modification I did on the CSS.

    It works on my test form

     

    Let us know if this did not resolve the issue on your form.

    Thanks.