我的字体不起作用

时间:2013-12-16 16:23:53

标签: asp.net css css3 font-face woff

我正在准备一个简单的网站。但我的font-face无法在Google Chrome上运行。

这是my page

我的CSS代码:

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

我的web.config数据

<system.webServer>
    ...
    <staticContent>
      <remove fileExtension=".svg" />
      <remove fileExtension=".eot" />
      <remove fileExtension=".woff" />
      <remove fileExtension=".otf" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml"  />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
      <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
      <mimeMap fileExtension=".otf" mimeType="font/otf" />
    </staticContent>
</system.webServer>

它在Firefox上运行良好但在Chrome上运行不正常。我在我的项目上尝试了“fonts folder method”和“ttf fonts”,但它没有改变。

我怀疑woff文件,但我无法改变它。

我该如何解决这个问题?

2 个答案:

答案 0 :(得分:1)

尝试使用 - 在头部分粘贴此链接:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

答案 1 :(得分:1)

您使用的是什么版本的Chrome?似乎在版本31.0.1650.63上正常工作。

body {
font-family: 'Open Sans', sans-serif;}