Custom font not showing correctly in form

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;

}

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;

}