Google fonts is not working on my form

  • Profile Image
    rachelconnors
    Asked 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

  • Profile Image
    jonathan
    Answered 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.