I cannot get my font assets to show. Please help. [Screen Shot 2022-07-16 at 1.53.07 PM.png]

I think I’ve got the solution you’re after. What I think has happened is that the latest Shopify web code editor is buggy and uploads the files as text (ASCII) instead of binary, which corrupts the file. So you need to upload it using Shopify Themekit. If you’re unaware or don’t use Themekit, Simply…

Hi @LeviEiko , Can you try this code instead? I remove the quotations outside the liquid code. @font-face { font-family: "Urbanist"; src: url({{"Urbanist-Regular.woff2" | asset_url }}) format("woff2"), url({{"Urbanist-Regular.ttf" | asset_url }}) format("truetype"); font-weight: normal; font-style…

@LeviEiko Please add the code below to your theme.css (or any other theme default css such as base.css & style.css) under Assets. /* latin-ext */ @font-face { font-family: 'Urbanist'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/urbanist/v8/L0xjDF02iFML4hGCyOC…

Unfortunately, there is a message saying “Failed to decode downloaded font:…” I have tried three different file sources for the font and I get the same error message.

Glad to hear it helped! :slightly_smiling_face:

OMG THANK YOU! I just spent over 1h trying to figure out what the hell I was doing wrong and all the time it was just Shopify corrupting my files! sigh Thanks again for posting the solution!

GAH I was about to pull my hair out. I couldn’t fathom why the same code I’ve used in dozens of other sites was all of a sudden not working. THANK YOU!

You’re an absolute star! Not one other ‘how to’ I’ve found mentions this, hence none of them work. Thank you for saving what hair I have left!

No problem. I’m glad I was able to help. I was in the same position before I worked out the solution. :slightly_smiling_face:

Why isn't my @font-face displaying correctly?

Store Design

Edgywebsites August 10, 2022, 10:17am 7

Glad to hear it helped!

Topic		Replies	Views
Adding Custom Fonts to Shopify Store Design design	28	31276	June 30, 2025
Why isn't my custom font displaying correctly on my webpage? Shopify Discussion	15	271	December 7, 2022
Why isn't my custom font working on my website? Store Design shopify-theme	2	157	August 6, 2022
No one seems to be able to figure it out! Fonts, not working on all devices. No idea why!? Store Design design , customizations , css	1	37	March 14, 2023
Has anyone else had issues with corrupted woff or woff2 files uploaded through the assets folder? Technical Q&A	9	534	May 29, 2024

Why isn't my @font-face displaying correctly?

Related topics