Why is my typeface only working on Firefox and not Chrome or Safari?

Store Design
1

Hi,

I’ve been designing the below website on firefox and I only just checked it on chrome and safari and realised the typeface for “The Gaming Verse” isn’t working on the second two browsers.

Any suggestions would be amazing. Typeface should be KARNIVOR which is uploaded as a WOFF file under assets

https://the-gaming-verse.myshopify.com/

1 Like
2

@GamingVerse

sorry for that issue can you please upload all font type for example TTF, OTF, WOFF, WOFF2 and SVG

its refried to all

3

@KetanKumar -
Hi, that’s been done and it hasn’t fixed it, at least on chrome which is what I’m able to check quickly. All versions of the typeface are uploaded under assets, however wherever I added code to use KARNIVOR I referred to the WOFF file so I doubt the others will get used at all.

1 Like
4

@GamingVerse

if possible to share a screenshot both?

5

@KetanKumar

I’ve just discovered that it’s actually different devices, not the browser, it’s only working on the laptop I’ve been designing the site with. It’s odd though because the “Whole world of gaming” is correct on both.

Incorrect type
Incorrect type1877×771 277 KB

Correct type
Correct type1920×1080 443 KB

6

@GamingVerse

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/stylesheet.scss.liquid->paste below code at the bottom of the file.
div#slider ul .slideshow .text1 {font-family: KARNIVOR !important;}
1 Like