How do I get my custom font to display on a smaller screen?
AnsweredIs 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;
}
-
Hi fz,
Can you share the public URL of your theme?, so I can share with you the exact solution.
Thanks
Team
-
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:
-
Thank you!
-
Thanks for answering this, Trapta!
-
@fz, happy to hear that you got it.
Please sign in to leave a comment.
6 Comments