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

    Trouble getting CSS font to show

    Asked by xtralease on October 16, 2014 at 11:03 AM

    I followed the directions to get a Google font to show up, but it doesn't seem to be working.  Any idea what I'm doing wrong?

     

    This is the CSS I have for the font:

     

    @font-face {

    font-family: 'Ubuntu';

    font-style: normal;

    font-weight: 400;

    src: local('Ubuntu'), url(http://fonts.gstatic.com/s/ubuntu/v7/ODszJI8YqNw8V2xPulzjO_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');

    .form-all, .form-all label, .form-all input, .form-all select, .form-all button, .form-all textarea{ {font-family: Ubuntu, cursive;}

     

    http://www.jotform.com//?formID=42854175945162

    Page URL:
    http://www.jotform.com//?formID=42854175945162

  • Profile Image
    JotForm Support

    Answered by david on October 16, 2014 at 12:52 PM

    Hi,

    I am not sure if that font is one of the ones supported.  Your setup does appear to be correct though.  We do have several Google font options under the new form designer:


    Simply open the form designer and click on "Font Options".  If these options do not suit your needs, let us know and we will be happy to see if we can find a way to get the Ubuntu font working.

  • Profile Image

    Answered by xtralease on October 16, 2014 at 01:04 PM

    Doesn't look like there is anything that matches Ubuntu.  If you could get it working, you would be my hero :)

  • Profile Image
    JotForm Support

    Answered by david on October 16, 2014 at 02:19 PM

    Hi,

    I think I was able to get it working.  You were actually pretty close.  Try this code instead:

    @font-face {font-family: 'font-family: 'Ubuntu';font-style: sans-serif; font-weight: 400;src: local('Ubuntu), local('Ubuntu'),url(http://themes.googleusercontent.com/static/fonts/lobstertwo/v4/Law3VVulBOoxyKPkrNsAaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');

    }

    .form-all *{font-family: 'Ubuntu', sans-serif;}

    That should work.  Let us know if it does not and we will be happy to see what else we can do.

  • Profile Image

    Answered by xtralease on October 16, 2014 at 02:23 PM

    I'm pretty sure that fixed it.  Thanks!

  • Profile Image

    Answered by Ben on October 16, 2014 at 03:32 PM

    Hi,

    In my colleagues name, you are welcome. We are glad to hear that the code helped you to resolve your issue.

    Do let us know if you have any further questions.

    Best Regards,
    Ben