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 条评论
Ifra Saqlain
@fz, happy to hear that you got it.
0
Nicole Saunders
Thanks for answering this, Trapta!
0
fz
Thank you!
0
Ifra Saqlain
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
fz
Hi Ifra Saqlain, it's https://polarisio.zendesk.com
0
Ifra Saqlain
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.