Hello Guys,
I just started customizing the mobile theme in newspaper.
Because of the european laws i have to hoste Google Fonts locally (I use a Plugin calles OMGF for this).
Now when I open up Safari on iPhone, it doesn’t show the fonts i’ve selected. It just shows Times News Roman on the Site.
Is there any fix to that? Would use a fallback font, but don’t know how to set this up.
Please help
Hello @raketenaffiliate!
Check this guide: https://forum.tagdiv.com/font-customization/
We have 3 options for mobile versions that you can use:
1. Responsive version: A responsive version of your website looks similar to the desktop version. Edit the page with TagDiv Composer. Click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB; there you can see your mobile version and edit or adjust the elements to look better.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages
3. Mobile theme plugin: The Mobile Theme is a performance-optimized theme included in the main Newspaper theme that only loads on mobile devices. It comes with its own templates and design for pages, posts, categories, etc., so your current templates from the desktop theme will get converted to the mobile theme layout. Please see https://forum.tagdiv.com/the-mobile-theme/ and https://forum.tagdiv.com/mobile-theme-introduction/ for more information.
A full explanation is here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use whichever one is more affordable and useful for you.
For the option 1 and 2, you need to deactivate the Mobile Theme plugin.
If you use the Mobile Theme plugin, then there are some settings in order to customize it in the theme panel -> mobile theme. Note that you can not customize this plugin’s layout with the TagDiv Composer.
Hope that helps you!
Thank you!
Thank you for your quick reply.
First of all, I got it setup a bit cleaner now, thanks to your answer.
First, I uninstalled the mobile plugin and the omgf google fonts plugin, then I deactivated the “use google fonts” and “use default fonts” option in the theme panel.
Then I uploaded the fonts and added css to style.css from this link: https://google-webfonts-helper.herokuapp.com/fonts/comfortaa?subsets=latin
After then choosing the right fonts again in theme panel, everything seems to load properly, just SAFARI on my IPHONE shows times new roman, here’s a screenshot below. I tried google chrome mobile and it showed up just fine. Is there any Solution to this?
Also one more thing. How can I change the color gradient of the mobile theme menu to match my theme (no plugin, i use the mobile pages)?
Hello @raketenaffiliate!
It could be the problem from safari. Maybe the font you use is not compatible with the browser.
Go in Theme Panel -> Theme Colors -> Mobile menu/mobile search.
Thank you!
