Trouble using @fontface

I've added  @fonttface code to my form, but it seems to have no effect. What am I missing?

Here's the code

@font-face {

    font-family : MarrSans-Regular-Web;

    src : url(http:/www.ragandbone.ca/webfonts/commercial-type-1606-SLNRNZ-web/MarrSans-Regular-Web.woff);

}

 

.form-all {

    font-family : 'MarrSans-Regular-Web ', sans-serif;

}

See:

https://form.jotform.ca/63413989945270

or:

http://www.ragandbone.ca/Pages/shakespeare_camp.html

look under the "find out more" tab.

Injecting the following CSS code should make it work

 

@font-face {

    font-family : MarrSans-Regular-Web;

    src : url(http:/www.ragandbone.ca/webfonts/commercial-type-1606-SLNRNZ-web/MarrSans-Regular-Web.woff);

}

 

.form-all, .form-label {

    font-family : 'MarrSans-Regular-Web ', sans-serif!important;

}

 

Thanks for that!

Thanks:
That's the ticket!
For some reason I can't get it to work with the Marr typeface, but I've got
it working with another one. Thanks so much.
...