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 is not working on my form

    Asked by rachelconnors on August 13, 2014 at 03:58 PM

    Hi! I am having a problem making this work too -- here is the code I used. Any advice is very appreciated!

    @font-face {

    font-family: 'Montserrat';

    font-style: normal;

    font-weight: 400;

    src: local('Montserrat-Regular'), url(http://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYAzyDMXhdD8sAj6OAJTFsBI.woff2) format('woff2'), url(http://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');

    }

    @font-face {

    font-family: 'Montserrat';

    font-style: normal;

    font-weight: 700;

    src: local('Montserrat-Bold'), url(http://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcmaVI6zN22yiurzcBKxPjFE.woff2) format('woff2'), url(http://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcnbFhgvWbfSbdVg11QabG8w.woff) format('woff');

    }.form-all{font-family: 'Montserrat';}



    This is a re-post of a comment on How to Use Google Fonts in your Form

    font format style google font
  • Profile Image
    JotForm Support

    Answered by jonathan on August 13, 2014 at 05:15 PM

    Hi,

    Can you please try change the injected CSS code to this

    @font-face {

    font-family: 'Montserrat', sans-serif;

    font-style: normal;

    font-weight: 400;

    src: local('Montserrat'), local('Montserrat'), url(http://fonts.googleapis.com/css?family=Montserrat) format('woff');

    }

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

    font-family: 'Montserrat', sans-serif;

    font-size:16px;

    font-weight: normal;

    }

     

    it works when I tried it on the cloned form http://www.jotform.me/form/42246964515459

    Thanks.