好吧,我有一个我无法弄清楚的问题,我正在尝试研究Internet Explorer 10中WOFF字体的用法.
我从fontsquirrel下载了套件,并根据包含的CSS和HTML文件,我将字体添加到Web应用程序. (IIS 7上的ASP.NET MVC)
现在TTF字体在Firefox和Chrome中运行得非常好(IE不支持它),但WOFF字体似乎根本不起作用(它们应该被所有较新的浏览器支持).如果我从下面删除TTF部分 – Firefox和Chrome也不会渲染WOFF字体.
我将检查和简化的文件名称增加了三倍,以确保它不是问题.
@font-face
{
font-family: 'KaratulaNormal';
src: url('fonts/karan.woff') format('woff'),
url('fonts/karan.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
h1
{
text-transform: uppercase;
font-family: KaratulaNormal;
}
为什么WOFF字体不起作用?
我知道这很难回答,但欢迎任何有关如何排除故障的建议.
最佳答案 答对了.我一步一步地走了,经过几次尝试,我意识到,如果我使用原始套件,WOFF字体实际上工作,之后我意识到我的代码实际上也有效,但只有它直接从文件系统运行,而不是低谷IIS.一旦我意识到一些谷歌搜索引导我回答:
http://www.dirigodev.com/blog/404-errors-in-IIS7-for-embedded-woff-font-files/
基本上在IIS7下,您需要为WOFF字体配置mime类型,否则IIS不会为它们提供服务.