Browser doesn't display unicode properly

Question

This file is in UTF-8 already with:

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

in the top but the word CAFÉ gets displayed as the following:

enter image description here

the HTML is:

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

</head>
<body>
CAFÉ
...
</body>
</html>

How do I fix it?

You may have the metas set correctly, but is the file itself encoded in utf-8? — Sébastien, Oct 13 '14 at 18:57
If the file is actually encoded in utf-8 and the charset is specifiedd as utf-8, then it leaves two options to explore : the server and the browser. — Sébastien, Oct 13 '14 at 18:59
where from the text is coming .. from a database or hardcoded ? — Azeem Hassni, Oct 13 '14 at 19:06
@AziBaloch: It comes from javascript, like: `document.getElementById("id").value = etc;` — Jack, Oct 13 '14 at 19:06
exactly like this except that I replaced the `café` word: `var f = []; f.push('café'); document.getElementById("id").value = f.join(''); ` — Jack, Oct 13 '14 at 19:14

score 4 · Answer 1 · answered Oct 13 '14 at 19:07

4

The document is in fact interpreted as windows-1252 encoded. The UTF-8 form of “É” consists of the two bytes 0xC3 0x89. Interpreted as windows-1252, they denote “Ã” and “‰”.

The most probable cause is that the HTTP headers sent by the server specify windows-1252 as the encoding (or iso-8859-1, which actually means the same thing). This information overrides any meta tags in the document itself.

answered Oct 13 '14 at 19:07

Jukka K. Korpela

187,417
35
254
369

Should I try change the encoding my server is using from Windows-1252 to UTF-8? – Jack Oct 13 '14 at 19:15
@Jack, I’d rather suggest using UTF-8 all the way, see http://stackoverflow.com/questions/279170/utf-8-all-the-way-through – Jukka K. Korpela Oct 13 '14 at 19:44

Browser doesn't display unicode properly

1 Answers1