Custom CSS Font Not Working on Dawn Theme

Store Design
, ,
1

Hey There,

For some reason, my Shopify custom CSS font is not populating on my website. I’ve tried a variety of options following thorough research and tutorials to no avail. I’ve added the following CSS to an assets/custom.css folder after properly uploading the woff and woff2 files to the site:

@font-face {
font-family: ‘New Icon Serif’;
font-weight: 300;
font-style: normal;
font-display: swap;
src: url(‘‘https://cdn.shopify.com/s/files/1/0620/1022/8909/files/New_Icon_Serif.woff2?v=1713896916’) format(‘woff2’),

url(‘‘https://cdn.shopify.com/s/files/1/0620/1022/8909/files/New_Icon_Serif.woff?v=1712342563’) format(‘woff’);
}

h1, h2, h3, h4 {
font-family: “New Icon Serif”; serif !important;
font-size: 5em;
}

I’ve also added a callout about the section within the theme.liquid file:

{{ ‘custom.css’ | asset_url | stylesheet_tag }}

Can you please assist? Thank you so much!

2

Hi @madison_hanley

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

That worked! Thank you!