Trouble using @fontface

  • Profile Image
    ragandbone
    Asked on March 22, 2017 at 04:52 PM

    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.

  • Profile Image
    Ian
    Answered on March 22, 2017 at 09:40 PM

    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;

    }

     

  • Profile Image
    ragandbone
    Answered on March 22, 2017 at 10:09 PM

    Thanks for that!

  • Profile Image
    ragandbone
    Answered on March 22, 2017 at 10:46 PM
    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.
    ...