[ad_1]
Hi everyone,
Hope this is ok to post. I’m having an issue with my website running WordPress where the font appears perfectly fine on desktop, but when viewed on mobile, it looks different. I’ve tried everything I can think of, but I just can’t seem to get it to display correctly on mobile.
I’m hoping someone out there might have some ideas or suggestions for me to try. Any help would be greatly appreciated!
The font I believed used is Heebo for the main text, and Lato for the header/sidebar.
The website is: [https://mzacademy.net/])
Thank you in advance for your assistance.
\—
This is the screenshot of my website on desktop, when the browser tab is sized down.
This is on my phone; you can see the font looks different compared to the desktop.
[ad_2]
bro dm
I’m guessing this is a caching issue. Flush your cache in your browser and server.
I assume you’re not loading the fonts properly; you probably have the fonts locally on your desktop so they are loading but obviously not installed on mobile so they aren’t – how did you include the fonts on the site?
It’s because of different browsers. Fonts work by browser not by device.
Eg. Heebo is a Google font so it will display in a Chrome browser but not Safari and maybe not other browsers.
The simple solution is to pick fonts from the web safe fonts list, which are universal.
The other solution is to embed those fonts you’ve used in your site – the setting could be in various places depending on your editor and theme builder.