Custom font in dawn theme not showing on mobile version

Technical Q&A
1

I managed to change the font in the desktop version but I cannot seem to figure out why it won’t display on the mobile version.

I would appreciate your help.

I used this code in base.css:

@font-face {
font-family: “Channe”;
src: url(“Channe.woff2”) format(“woff2”),
src:url(“Channe.woff”) format(“woff”);
}

h1,h2,h3,h4,h5,p,input,button,.feild__label,.link,body,label{ font-family: “Channe”!important; }

2

Hi @Bymeter ,

Please send your site and if your site is password protected, please send me the password. I will check it.

3

Bymeter.ae no password

4

Hi @Bymeter ,

The site link you sent is having an error

Screenshot.png
Screenshot.png1066×443 18.2 KB

Please resend it, I will help you check it

5

https://www.bymeter.ae

this should work.

6

Hi @Bymeter ,

I checked and it doesn’t work for both desktop and mobile. And your declaration is not really good, did you upload the font at Assets?

If you have successfully uploaded it, please go to theme.liquid file, find ‘type_body_font’ and add code here:

Screenshot.png
Screenshot.png1114×611 45.2 KB

Code:

@font-face {
        font-family: "Channe";
        src: url({{'Channe.woff2' | asset_url }}) format("woff2"),
        src:url({{'Channe.woff' | asset_url }}) format("woff");
}

Hope it helps!