Custom font not showing correctly in form

  • ragandbone
    Asked on October 23, 2017 at 1:17 PM

    My form is here:

    https://form.jotform.com/ragandbone/booking-inquiry

    but my font isn't showing. What am i missing?

    Here's my code:

    @font-face {

    font-family: Marr Sans Web;

    src: url(http://www.ragandbone.ca/webfonts/MarrSans-Regular-Web._CT/MarrSans-Regular-Web.woff);

    font-weight: 400;

    }

    .form-all *{

    font-family: 'Marr Sans Web', sans-serif;

    }

  • David JotForm Support
    Replied on October 23, 2017 at 2:44 PM

    It looks like the theme applied to your form may be overwriting your font.  Try removing the them and see if the font updates correctly.  You can also try using the following code to import the font file instead of using font-face:

    @import url('http://www.ragandbone.ca/webfonts/MarrSans-Regular-Web._CT/MarrSans-Regular-Web.woff');


    .form-all *{

    font-family: 'Marr Sans Web', sans-serif;

    }