fonts settings – not work on mobile phones

Posted in: Newspaper
Post count: 49

Hi,

From the very begining I started use this theme, I tried to set a same look on every device.
My client does not want the mobile theme – but as I read multiple times the Newspaper optimised for phones as well – however it does NOT provide the same look…
It is different on iPhone (safari or chrome), and differ in Android – even not the same on Samsung Galaxy / OnePlus 3 ( chrome/firefox/opera)

After I donwloaded from Google Font font-family: AF2-cantata one-regular-webfont; to maybe that will make a change
But still the issue – the “subtitle” (the text above the article picture, under H1 title ).

On iphone its dark black – can not read – because the letters “float-together” or too fat weight..?
On OnePlus 3 (android ) – light grey – can not see it properly – on a white background…

On desktop – perfect !

Our site visitors 83% mobile / 3% tablet / 1% tv, etc / 13% only desktop/laptop downloads..

So, its a high-request to fix it asap.

Could you give me idea where to start?

On desktop I can use the developer tools in chrome or firefox — but never used on mobilephones, nor in emulator softwares — but the on desktop browser debugging not show the same…

Thank you, Zoltan
https://www.1000wordsmagazine.com/

Post count: 20688

Hi,

From what I can see the font is not loading on your website, there is an error
https://www.screencast.com/t/JdvpyDnQWal
So the text font defaults to browser font. In similar cases the solutions provided in these topics worked
https://forum.tagdiv.com/topic/strange-chinese-symbols-replaced-icons-and-arrows/
https://forum.tagdiv.com/topic/font-blocked-from-loading-by-cross-origin-resource-sharing-policy-no-access-co/

Also a thing to note is that fonts may look different based on device and operating system
https://www.smashingmagazine.com/2012/04/a-closer-look-at-font-rendering/
https://webmasters.stackexchange.com/questions/9972/how-can-i-make-fonts-render-the-same-way-across-different-web-browsers
Browsers have different methods of rendering fonts. You could try to find common fonts which will look similar on all browsers.

Thanks

Viewing 2 posts - 1 through 2 (of 2 total)
The forum ‘Newspaper’ is closed to new topics and replies.