How can I add a new font to my focal theme?

Store Design
, , ,
1

Hello,

I need add 3 Fonts in my page.

I use code in theme.css (assets):

@font-face {
font-family:“Morn-Thin”;
src: url(“Morn-Thin”) format(woff2),
url(“Morn-Thin”) format(woff) ;

}

h1,h2 {font-family: “Morn-Thin” !important;}

But it not working. Still take font from typography in theme.

Maybe someone can help?

2

Hi @Siuzana

Try following the video tutorial below.

3

Hi @Siuzana ,

Did you import the font at Assets or Files?

Please send me where you upload the font, I will guide you in detail

4

Hello @Siuzana :waving_hand:

It is because the font source URL you used is not correct.

We have written a detailed article on how to insert custom font to Shopify store

https://zenobuilder.com/blogs/news/upload-font-shopify-store

Hope that helps!

5

Thanks, it’s help! :slightly_smiling_face:

6

And when I use these font, it’s happened like this. Why?

Siuzana_0-1668754174182.png
Siuzana_0-1668754174182.png1345×685 126 KB

7

Can you share the page URL? (and password if there is)