css3 – 浏览器不呈现WOFF字体(@ font-face)

2019年8月4日 294次阅读

好吧,我有一个我无法弄清楚的问题,我正在尝试研究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不会为它们提供服务.

点赞