丹麦webfont中错误显示的非ASCII字符

时间:2013-12-31 11:38:51

标签: html css font-face webfonts

我的问题很奇怪,我应该显示以下字母ø å Å Ø,但我看到øåÅØ

这是我的代码:

<html>
  <head>
    <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
  </head>
    <body>
     <p class="denmark-font">
        øåÅØ
     </p>
   </body>
</html>

这是我的css代码:

@font-face {
font-family: 'denmarkregular';
src: url('denmark-webfont.eot');
src: url('denmark-webfont.eot?#iefix') format('embedded-opentype'),
     url('denmark-webfont.woff') format('woff'),
     url('denmark-webfont.ttf') format('truetype'),
     url('denmark-webfont.svg#denmarkregular') format('svg');
font-weight: normal;
font-style: normal;

}

  .denmark-font{ 
   font-family: 'denmark-webfont', Arial, sans-serif; 
   font-size:50px;
}

1 个答案:

答案 0 :(得分:1)

如果你看到øåÅØ为Ã¥Ã...Ã〜,那么数据实际上是UTF-8编码的,但是作为windows-1252编码处理。您需要检查character encoding问题。

如果文件在解释为UTF-8时以字节开头构成字节顺序标记(BOM),则现代浏览器将使用UTF-8。显然,文件已保存(或生成)为“没有BOM的UTF-8”。保存为“带BOM的UTF-8”可以解决问题。

或者,检查HTTP标头并使服务器在Content-Type标头中宣布UTF-8。

如果未按上述任何一种方式指定编码,浏览器将使用meta标记中指定的编码,或者在不存在的情况下进行猜测。