Question

好的，我有一个我无法弄清楚的问题，我正在尝试研究Internet Explorer 10中WOFF字体的用法。

我从fontsquirrel下载了工具包，根据附带的CSS和HTML文件，我将字体添加到了网络应用程序中。（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字体不起作用？

我知道这很难回答，但欢迎任何有关如何排除故障的建议。

Answer 1

宾果。我一步一步地走了，经过几次尝试，我意识到，如果我使用原始套件，WOFF字体实际上工作，之后我意识到我的代码实际上也有效，但只有它直接从文件系统运行，而不是低谷IIS。一旦我意识到一些谷歌搜索引导我回答：

http://www.dirigodev.com/blog/404-errors-in-IIS7-for-embedded-woff-font-files/

基本上在IIS7下，您需要为WOFF字体配置mime类型，否则IIS不会为它们提供服务。

浏览器不呈现WOFF字体（@ font-face）

1 个答案: