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

    Google Font not applying to form in form designer

    Asked by becshall73 on June 13, 2016 at 09:06 AM

    Hi,

    I'm having a problem getting Google Fonts to work on my form.  It was working until I changed the width of the form in the Form Styles 'Properties' tab to 900px.

    The font I am trying to use is EB Garamond.  It works successfully in some of my other forms.

     

    Thanks.

     

     

    Page URL:
    https://form.jotform.com/51316238771960

    problem google fonts font thanks Form Styles
  • Profile Image
    JotForm Support

    Answered by KadeJM on June 13, 2016 at 10:57 AM

    From what I understand you are unable to get the EB Garamond font to work on your form.

    I am currently investigating this issue which will take a little bit of time since you have a lot of css on your form and I will update you again shortly as soon as I can help resolve the issue for you.

  • Profile Image
    JotForm Support

    Answered by KadeJM on June 13, 2016 at 01:26 PM

    The problem was due to a css conflict.

    It seems that the verdana font was ignoring your eb garamond font even though you had it on css so it was defaulting to the first one.

    You can fix this though by applying " !important " to the very end of your .form-all font on line 69 in the form designer.

    .form-all{

    font-family: "EB Garamond", sans-serif !important;

    padding-top: 0px;

    /*width: auto;*/}

     

    You can see this change on a live updated version of your form here:

    https://form.jotform.com/61644518783969   [CLONE ME!]

     

     

  • Profile Image

    Answered by becshall73 on June 13, 2016 at 03:37 PM

    Thank you for your reply.  I have tried that and it doesn't seem to work.  Perhaps you could check if I have done it correctly?

    Thanks very much.

  • Profile Image
    JotForm Support

    Answered by KadeJM on June 13, 2016 at 03:49 PM

    It's working on my end.

    But I went into your form and reapplied then saved it again for you.

    Can you try again and let us know if it shows up for you correctly now?

  • Profile Image

    Answered by becshall73 on June 13, 2016 at 03:51 PM

    Yes, it's working now.  How strange!  

    Thanks very much for your help.

  • Profile Image
    JotForm Support

    Answered by Nik_C on June 13, 2016 at 05:30 PM

    On behalf of my colleague you're welcome!

    I'm glad it is working for you.

    Cheers!