How do I get my custom font to display on a smaller screen?

Answered


已于 2022年5月25日 发布

Is there an easy way to make sure that my custom font is displayed even when the screen size is smaller? Or if not, is there a way to make the fallback font Helvetica/sans-serif?

The custom font currently works, but only if the screen is above a certain size. If the screen is too small, then the default looks like Times New Roman, which I don't want. The code I'm currently using: 

@font-face {
 font-family: 'sanz';
 src: local ("sanzmedium");
 src: url('$assets-sanzmedium-woff');
font-weight: normal;
}


1

6

6 条评论

@fz, happy to hear that you got it.

0


Thanks for answering this, Trapta!

0


Thank you!

0


Hi fz, you added the code inside media query that's why code isn't working on mobile/after 1300px screen resolution.

 

Solution

Current:

 

 

Fixed:

1


Hi fz,

Can you share the public URL of your theme?, so I can share with you the exact solution.

Thanks

Team

 

1


登录 to leave a comment.

找不到所需的内容?

新建帖子