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

    My Google Fonts will not show up

    Asked by positiveconstructs on June 27, 2014 at 11:31 AM

    I need to mach the font on this page, to the form:
    http://positiveconstructs.azurewebsites.net/contact

    The font is "lato"

    As you can see I tried adding the code that I found on the forums and customizing it, but no luck.  Any help would be appreciated.  Thank you.

    Page URL:
    http://positiveconstructs.azurewebsites.net/contact

    font and google custom css webfonts
  • Profile Image
    JotForm Support

    Answered by NeilVicente on June 27, 2014 at 11:44 AM

    You were using incorrectly formatted CSS codes.

    If this guide were to be followed, the codes should be like this:

    h2.form-header {
    color: #000000;
    }
    @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
    }
    .form-all {
    font-family: 'Lato';
    }

    I have corrected the codes on your form so it should be okay now.

    Let me know if you're still having issues. Thanks!

  • Profile Image

    Answered by positiveconstructs on June 27, 2014 at 01:27 PM

    Thanks, not sure it worked.  I changed the font weight to 100, to match the other writing on this page:

     

    http://positiveconstructs.azurewebsites.net/contact

     

    didnt really work?  Any other suggestions?

  • Profile Image
    JotForm Support

    Answered by Welvin on June 27, 2014 at 02:01 PM

    Yes, it worked. Suggestions? Well, I guess your form field width should be on the same size. :)

    Thanks

  • Profile Image

    Answered by positiveconstructs on June 27, 2014 at 02:25 PM

    why is it so bold?  They just look so much different.

  • Profile Image
    JotForm Support

    Answered by david on June 27, 2014 at 03:29 PM

    Hi,

    Different fonts have different thickness'.  The line "font-weight: 400;" also controls the thickness of your font.  Setting this number to a smaller one, will decrease the thickness of your lettering.  Please let us know if there is anything else we can assist you with and we will be happy to help.

    Thank you for using Jotform!

  • Profile Image

    Answered by positiveconstructs on June 27, 2014 at 04:51 PM

    I reduced it from 400 to normal.  Any other suggestions?  Lato is the font on the website.

  • Profile Image
    JotForm Support

    Answered by jonathan on June 27, 2014 at 05:17 PM

    Hi,

    I noticed that there was a typographical mistake in the CSS code on that part... please correct it and check again

     

    Please inform us if still not working.

    Thanks!