Google Font (Bebas Neue) does not display on mobile, but works fine on desktop - logged in or out.
Unless I’m missing something, my site is set up like several others I have made that work just fine. I can change to other Google fonts (Montserrat, Josefin, etc) and see a change. Bebas Neue displays in a thin Arial on mobile only. Josefin displays in what looks like Arial Bold on mobile. On desktop the site looks correct, each font displaying as they should. I deactivated ALL plugins and still have the issue. I’m clearing the server and phone caches to check and be sure. I updated Pro, all plugins (currently deactivated) and WordPress, all to the current versions. Any suggestions?
Hello @disadmin,
Thanks for writing in!
You are experiencing CORS issue on your site:
Access to CSS stylesheet at 'https://fonts.google.com/?family=Bebas+Neue:400,400i%7CMontserrat:400,400i,700,700i&subset=latin,latin-ext&display=auto' from origin 'https://autodimagedev.wpenginepowered.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
To resolve this, please check out these articles:
- https://wpkoi.com/solving-cross-origin-resource-sharing-cors-errors-in-wordpress/
- https://convesio.com/knowledgebase/article/how-to-fix-a-wordpress-cors-error/
- https://wordpress.org/support/topic/cors-error-9/
Best Regards.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.