Change google font size

  • Profile Image
    ics.vernna
    Asked 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

  • Profile Image
    Carina
    Answered 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
    jvacanillas
    Answered 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
    liyam
    Answered 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.