css renders with strange characters

Question

I have an index.html and global.css files. When I open these files at Coda, Textmate, etc. , everything looks fine. than I try in firefox, index.html loads css from right path, but it doesnt take effect. than I tried to see css code from firefox, and I see signs like;

ॵ氮扵汬整筰慤摩湧㨰‵灸‰′㕰硽畬⹢畬汥琠汩筬楳琭獴祬攺摩獣㭰慤摩湧㨲灸紮摲慷汩湥筢潲摥爭扯瑴潭㨱灸⁤慳桥搠⍣捣紣捯湴敮琠栱筦潮琺㈲灸⁇敯牧楡

and css doesnt work. do you have any idea about the problem?

I tried to create fresh new css, and write the code in, but same problem happens again.

---

index.html

<link rel="stylesheet" href="css/global.css" type="text/css" media="screen" />

appreciate!!! thanks a lot!

Answer 1

Can it be that your CSS file is UTF-16 encoded, while your HTML document is ISO-8859-1 / UTF-8, or the other way around? This question has been around on SO several times, and this was always the answer.

Update: Here is one.

Answer 2

check the servers/css file encoding