Custom font not showing correctly in form

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
david

Jotform Support

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;

}