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

    Change google font size

    Asked by ics.vernna on April 01, 2014 at 07:01 AM

    This worked, however, the font I used is very small. How do I change the font sizes just like the example here (Lobster) wherein the heading, subheading, and the body areas have different font sizes?

    Thanks for your help in advance!



    This is a re-post of a comment on How to Use Google Fonts in your Form

    heading font different thanks
  • Profile Image

    Answered by Carina on April 01, 2014 at 08:26 AM

    Please inject the following css code:

    @font-face {

    font-size:14pt;

    }

    You can also share with us the form's url so we can take a better look into it.

    Let us know if further assistance is needed.

    Thank you

  • Profile Image

    Answered by jvacanillas on April 01, 2014 at 09:12 AM

    Hi!  This does not work still.  Also, the heading does not change its font, too.  Here is the form: http://form.jotform.me/form/40848431871459?

    Thanks!

  • Profile Image
    JotForm Support

    Answered by liyam on April 01, 2014 at 09:30 AM

    Hello jvacanillas, 

    What you need to do is add the ID of the header for those classes/IDs that are going to use the Great Vibes font (take note of the one in bold):

    .form-all, .form-all label, .form-all input, .form-all select, .form-all button, .form-all textarea, #header_25{font-family: 'Great Vibes', cursive;}

    For your font size, if you're referring to the one that's very small on the 1st page, you need to edit your form and remove the style attribute in your text:
    <p><span style="font-size:small;">Your email has been validated.  Please click "Register" to continue.</span></p>
    This style restricts your font size for this specific area to stay small even if you have increased the size of your font.