我正在准备一个简单的网站。但是我的字体在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上运行不正常。我在项目上尝试了“字体文件夹方法”和“ ttf字体”,但没有改变。
我对woff文件有怀疑,但无法更改。
我怎样才能解决这个问题?
最佳答案
尝试使用它-将此链接粘贴在头部:
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>