Why won't my custom font change on the Dawn theme?

Store Design
, ,
1

I cannot get the banner font to change on Dawn theme.

I have uploaded VarsityTeam-Bold.woff2 to to Assets folder,

added this code to the theme.liquid

{% style %}
@font-face {
font-family: “VarsityTeam-Bold”;
src: url({{ “VarsityTeam-Bold.woff2” | asset_url }}) format(“woff2”);
}

{% endstyle %}

and this code to base.css

.banner__box h2 {
font-family: ‘VarsityTeam-Bold’ !important;
}

It is working when I change to other custom fonts installed locally, but as soon as I choose this font it doesn’t work.

2

Hello @mbrett :waving_hand:

Can you share your store url? I can check if the font is installed correctly on your store.

3

Hi,

e9fa16-2.myshopify.com

Thanks.

4

Sorry, it is password-protected. Can you share the password?

5

Sorry, it’s tanaus

6

I can confirm the font is installed correctly. Not sure why it doesnot work. I recommend you try converting the font file to TTF (which is more compatible with most browsers), then upload it again to your store to see if it works. You can use this tool to convert https://cloudconvert.com/woff-to-ttf