Forum Replies Created
-
Posts
-
What? That code is from *your* theme’s grid.css. I don’t want to go changing the values because they will break when I update the theme and this is for a client job.
On any retina iPad or iPhone I look at the site with I do not see the mobile queries that you have placed in the code. So please advise me on how to make it work as it should.
Hello,
After a lot of probing, I have found the source of the issue: it wasn’t the font, nor the theme, nor WordPress. It was the content I pasted. Apparently there are TWO ways of rendering ä in Unicode, one that renders the a and ¨ together, and another where they are separate.
A commentator in /r/webdev on reddit put it this way:
This looks like a classic Unicode problem – it’s possible to represent the letter ‘ä’ in two different ways. NFC (normal form composed) or NFD (normal form decomposed).
NFC ä would be one glyph:U00E4[1] or LATIN SMALL LETTER A WITH DIAERESIS.
NFD ä, however is two glyphs: U0061[2] or LATIN SMALL LETTER A and U0308[3] or COMBINING DIAERESIS.
So this is indeed now solved and the issue was the content and Unicode, not anything else.
Thanks a lot for the help, it was useful to lead me in the right direction. All the best!
Firefox 39.0.5, the latest browser (umlauts not aligned)
OS X 10.10.3 Safari 8.0.6 (umlaut characters not loading, replaced with Helvetica)
iOS 8.3 Safari (same as OS X Safari)The *only* browser the theme currently works well with on my computer is Google Chrome.
Now, I went to BrowserStack and did a basic screenshotting of the page live through their service, and the error is in pretty much every screenshot it generates: https://www.browserstack.com/screenshots/bfaeef0adabae28349843f1234db337acd043a0b
Any ideas how I can get this issue fixed? I don’t think it’s a problem with the Google Font itself, as it’s used without issue all around the web.
Unfortunately this is not resolved. To illustrate the problem, I made an imgur album: http://imgur.com/a/ZlOSV
I hope you guys can help me resolve what this is, because I’m losing hairs and my client is not happy.
Hello, Ismael,
I have added that to the child theme’s functions.php and don’t see a difference. I went and removed my Google Font imports so the only place Droid Sans is coming from is via your theme. Regardless, after flushing caches and deleting internet history files, the problem seems to persist for me.
Any other ideas?
Hmm, strange. URL for a page with lots of Ä’s and Ö’s is http://pointpanic.vitaligusatinsky.com/graafinen-suunnittelu/.
I’ve tried not selecting the Droid Sans font from the theme styles and using own CSS overrides, I’ve tried importing the font assets via CSS @import or <script> but nothing is making a change. Checking Google Fonts and their preview tool shows that the necessary glyphs are there, but they either load wonky (e.g. Firefox) or replaced by Helvetica (in Safari).
