Archived topic
Local fonts don't work in mobile mode
10 replies · Started by Alexander on October 28, 2020
Hi! Need some help with local fonts. I have played around with them to see how to optimize page speed as following:
1. Created CSS in google-webfonts-helper and uploaded 3 fonts through FTP
2. Added @font-face to global CSS file
3. Added fonts to customization panel in function.php
4. Switched off loading google fonts in function.php
5. Removed google fonts from panel in function.php
The desktop version works ok, but mobile version switches to system fonts. Is there anything else to be done?
Thanks for your support!
Hi there,
can you share a link to the site where i can see the issue?
The site is under construction mode. Do you need admin access?
Only need to see the front end - if you can provide a login to get past the Construction mode.
You can add those details in the Private Info box.
David, I have deactivated construction mode to let you check up the site.
Does your server have any Page Caching ? If so can you try clearing that.
No, I haven't applied caching yet.
Your @font-face CSS is combined with other CSS that begins with an @media (min-width:768px) { query that never closes. So the CSS is only being applied to larger devices.
Thank you, David. I've got to be more attentive next time! :-)
.
Glad to be of help
