font-face working in chrome but not safari or firefox

Highlighted
New Member
3 0 0

I'ved added a custom font face using the font generator. It works fine on chrome but not on safari or ff. I've tried the absolute URL from the cdn as well as the asset template tag. 

 

@font-face {
    font-family: 'sokfy_stencil';
     src: url('{{'sokfy.woff2' | asset_url}}') format('woff2'),
url('{{'sokfy.woff' | assett_url}}') format('woff');
  unicode-range: U+1780-17FF, U+200C, U+25CC;

}

and then in my body

 

h4 { font-family: "sokfy-stencil" !important;
font-size: 18px; 
font-style: normal;
}

It is working on chrome but not of ff or safari. is it a cross domain issue?

0 Likes

Was it added to the theme? https://help.shopify.com/en/themes/development/fonts

Making Shopify Tasks Straight Forward

Website: https://theshoptinkerers.com/
0 Likes
New Member
3 0 0
No it’s a custom font I made
0 Likes
New Member
3 0 0

Update - fixed. I found this thread and tried removing all hyphens etc and that seemed to work. 

0 Likes