Custom font not showing correctly in form
-
ragandboneAsked 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
-
DavidAnswered on October 23, 2017 at 02:44 PMJotform Support
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;
}