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 fonts not working in Firefox

    Asked by snaplash on September 17, 2014 at 10:31 AM

    Could you have a look and see why my fonts are not working in Firefox please?

     

    http://snaplashwebsite.com/section2.html

    Page URL:
    http://snaplashwebsite.com/section2.html

    google fonts render issue firefox
  • Profile Image

    Answered by jedcadorna on September 17, 2014 at 11:44 AM

    I was searching online and found this documentation from google https://developers.google.com/fonts/docs/technical_considerations

    Downloading the form source might fix this by including the Web Font Loader that was developed by google https://developers.google.com/fonts/docs/webfont_loader#Example.

  • Profile Image

    Answered by snaplash on September 17, 2014 at 11:56 AM

    I find it strange that jotform would not have a fix for this as you offer the use of google fonts

     

    Am i to believe that jotform users can only expect that fonts will be displayed in chrome?

  • Profile Image

    Answered by jedcadorna on September 17, 2014 at 12:14 PM

    I think the reason why it is not working in firefox because of the new restriction they implemented which is 'Same Domain' restriction that the font must be hosted at the same domain as the web page. 

    If you download your form source and upload your font in your own web server then this might pass firefox restriction. You can read more about the Same-origin policy of firefox here https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy.

  • Profile Image

    Answered by snaplash on September 17, 2014 at 04:29 PM

    http://www.jotform.com/answers/430198-Google-fonts-not-working-in-Firefox#3

  • Profile Image

    Answered by snaplash on September 17, 2014 at 04:30 PM

     

    @font-face {

      font-family: "Emblema One";

      src: url("http://www.sxxx.com/bebasneue_regular-webfont.woff"),

          url("http://www.snxxxx.com/bebasneue_regular-webfont.ttf");

          url("http://www.sxxxx.com/bebasneue_regular-webfont.woff");

          url("http://www.sxxxxxx.com/bebasneue_regular-webfont.svg");

    }

     

     

     

    .form-all, .form-all label, .form-all input, .form-all select, .form-all button, .form-all textarea{

     

    font-family: 'Bebas Neue';

     

    }

  • Profile Image
    JotForm Support

    Answered by jonathan on September 17, 2014 at 05:32 PM

    Hi,

    Please review the user guide http://www.jotform.com/help/100-Beautify-your-Form-with-Google-Web-Fonts

    If you check the demo  jotform http://form.jotformpro.com/form/30267508766966  

    it actually works even in FF browser

    so the caused of issue could probably just a wrong procedure applied to use Google fonts on the jotform

    Here is my demo jotform http://form.jotform.me/form/42596383121455? using a clone of your jotform. It also works on FF.

    this the CSS code I used

     

    /*//////////////FONT/////////////////// */.form-all, .form-all label, .form-all input, .form-all select, .form-all button, .form-all textarea{

     

    font-family: 'Emblema One', cursive;

    font-style: normal;

    font-weight: 400;

    }

     

    Please try again by following the user guide.

    Inform us if still not working.

    Thanks.