Custom font not showing correctly in form

  • Profile Image
    ragandbone
    Asked on October 23, 2017 at 01: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;

    }



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

  • Profile Image
    david
    Answered on October 23, 2017 at 02: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;

    }