My Google Fonts will not show up

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.

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!

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?

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

Thanks

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

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!

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

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!