浏览器不渲染 WOFF 字体 (@font-face)

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

我从下载了套件字体松鼠 http://www.fontsquirrel.com/fontface，并根据包含的 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/ http://www.dirigodev.com/blog/404-errors-in-IIS7-for-embedded-woff-font-files/

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