Solved

Custom font not showing on mobile (android)

nicwen1893
Visitor
2 1 0

I'm pretty sure I had the custom font working at some point but right now I can't get it to work.

 

I'm using Dawn 12.0 theme.

 

theme.liquid code: <style>
@font-face {
font-family: "FeatureDeck-Regular";
src: url("https://cdn.shopify.com/s/files/1/0634/2796/9188/files/FeatureDeck-Regular.woff2?v=1704295601");
}
h1, h2, h3 {
font-family: "FeatureDeck-Regular" !important;
}
</style>

 

base.css code:

@font-face {
font-family: "FeatureDeck-Regular";
src: url({{ "FeatureDeck-Regular" | asset_url}}) format("woff2");
}

h1,
h2,
.h0,
.h1,
.h2 {
font-family: "FeatureDeck-Regular" !important;
}

 

Can't seem to figure out why it doesn't show on my phone anymore.

 

Thanks for help

 

Accepted Solution (1)

nicwen1893
Visitor
2 1 0

This is an accepted solution.

I figured it out. Before, I only hat the font uploaded as woff2. I added the font in woff and now it's working

View solution in original post

Reply 1 (1)

nicwen1893
Visitor
2 1 0

This is an accepted solution.

I figured it out. Before, I only hat the font uploaded as woff2. I added the font in woff and now it's working