Wrong font display in ios

Support
#1

Hello my page
uses as a title
an oswald bold font which works fine on computers.
Unfrotunately,on IOS, the font becomes THIN. Ios doesn’t seem to load the bold font.
Is there a work around for it?

Please check the title “The Institute of Reportage and Documentary images”

www.irdi.ch

#2

Hey,

I have checked your site and the font looks working normally -> http://prntscr.com/ggwj43

#3

yes the font works well on computers, that is not the issue.
The issue is that it doesn’t work on Ios {iphone)

#4

Hey,

I have checked your site on my iPhone 7 and the font looks normally. Would you provide a screenshot of this issue, please?

#5

Of course this is a screen shot of my phone

#6

Hi there,

There are few options in the Safari Mac and iOS regarding the rendering of the font in CSS called ``-webkit-font-smoothing`. That changes the look of the fonts a little bit and there is no 100% way to make all browsers apply to the rules.

I suggest that you test all cases using CSS and see which one suits the way you want to show on mobile devices. Please add the codes below to X > Launch > Options > CSS one by one and check the front end of the website:

body {-webkit-font-smoothing: none;}

body {-webkit-font-smoothing: antialiased;}

body {-webkit-font-smoothing: subpixel-antialiased;}

Thank you.

#7

Hello,

I have tried all 3 options but none of them have any effect on the font in ios.
If there is an effect, it is so subtle that I cannot even tell.

#8

Hi there,

Actually, that is the only difference I see between the rendering of the Google Chrome, Mac Safari, and my iPhone SE Safari.

Would you please kindly check the case with other phones?

Thank you.

#9

I checked on 3 different phones.
Did I insert the code in the wrong place perhaps?

#10

Hey There,

Would you mind providing us with login credentials so we can take a closer look? Please provide following information:

Set it as Secure Note

  • Link to your site
  • WordPress Admin username / password
  • FTP credentials

All the best!

#11

here it is

#12

Hi there,

It looks the same in my IOS Safari and Chrome, perhaps it’s just the cache in your end and the added CSS doesn’t take effect immediately? Please try it again with private browsing.

Thanks!

#13

Please read what is written above. It clearly doesn’t look the same on ios which i have checked on 4 different devices. There is no cache problem. I have tried private browsing before contacting you.

#14

Hi there,

Yes, I read them. I’m just letting you know that it’s okay on my tests. I only have 2 devices (iphone and ipad) for tests so I’ll look for other devices. I’ll continue checking for other devices and let you know.

Thanks!