Custom font not showing on mobile (android)

[nicwen1893]

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

[nicwen1893 · 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