Trouble getting CSS font to show

  • xtralease
    Asked 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

  • David JotForm Support
    Replied 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:

    Trouble getting CSS font to show Image 1 Screenshot 20
    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.

  • xtralease
    Replied on October 16, 2014 at 1:04 PM

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

  • David JotForm Support
    Replied on October 16, 2014 at 2: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.

  • xtralease
    Replied on October 16, 2014 at 2:23 PM

    I'm pretty sure that fixed it.  Thanks!

  • Ben
    Replied on October 16, 2014 at 3: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