February 5, 2019 at 4:22 am #252646
Hi, I’ve uploaded a custom font to use on my site (currently being used on h1, and some of the h3) – it works great and looks perfect, except on iPhones specifically. On iPhones, some of the letters merge together. We have tested different iPhone devices and different browsers, but we still see the problem.
SCREENSHOTS – Please look at the custom font in Yellow:
1. Here you can see the font on my laptop, it looks perfectly fine – https://theatre.pdxezbiz.com/wp-content/uploads/2019/02/no-font-issue-on-laptop-iphone-preview.png
2. Here is a screenshot from an iPhone, and you can see that some of the letters have merged – https://theatre.pdxezbiz.com/wp-content/uploads/2019/02/iphone-font-issue.png
Do you know why this is happening?
What can I do to fix this this problem?February 5, 2019 at 3:11 pm #252825
Can you please send me your site url ? Seems like there is line spacing issue. I will check it in iphone simulator and let you know the solution.
ThanksFebruary 7, 2019 at 5:40 am #253480
Thank you! Website is http://www.theatre.pdxezbiz.comFebruary 8, 2019 at 5:39 am #253844
Can you please keep this css and see if this fixes the issue ?
Hope this helps.
ThanksFebruary 8, 2019 at 8:32 am #253866
The problem is not only with the site title. As I sent in the screenshots, it is a problem with the letters “A” and “V,” INCLUDING the site title, AND ALSO the h3 in the footer.
In addition, CSS that targets letter spacing can’t fix this problem. The letter spacing is fine, for all fonts, across the entire site. The only issue is with these two letters. This font does not inherently have this problem.
Do you have any idea why the font would have this display glitch ONLY on iOS???February 8, 2019 at 12:38 pm #253955
I am sending the above css for just test. If this works then we can replicate same for all.
Can you please try this one ?