CODEWITHSUNDEEP
cssencodingandroid
Christofer Ohlsson
Christofer Ohlsson

Reputation: 3145

UTF-8 not working on some Android devices

We have recently launched a humble website, powered by Wordpress. And now, some of our users complain that certain Swedish special characters do not display properly. As far as I know, this has only happened on Android, but regardless of broswer. But I have been unable to reproduce this on my desktop PC as well as my Android device (both 4.2 and 4.4).

I have tried to set the first line of the CSS editor to:

@charset  "UTF-8";

But can't verify that this works. Any tips on how I reproduce this?

And should I look into other alternatives, instead of the CSS editor? When I view the source of the start page, I see the following in the header:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

In case the question is more easily answered through a visit, the site is http://www.slutet.nu

Upvotes: 0

Views: 1075

Answers (1)

fuxia
fuxia

Reputation: 63566

UTF-8 is not the problem, the font Open Sans is it. The character sub-set you use doesn’t contain all needed glyphs, so the browser has to get the missing glyphs from other fonts. Android and some older desktop browsers aren’t very good with glyph substitution, so that might fail.

Remove Open Sans, use a system font, and you are fine. Or use an extended set of Open Sans, which contains all needed glyphs. This will never be complete, because you cannot know which fonts are needed for an automatic translation.

Upvotes: 4

Related Questions