4

好的,我有一个无法解决的问题,我正在尝试研究 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 字体不起作用?

我知道这很难回答,但欢迎任何关于如何解决它的建议。

4

1 回答 1

3

答对了。我一步一步来,经过几次尝试后我意识到,如果我使用原始套件 WOFF 字体确实可以工作,之后我意识到我的代码实际上也可以工作,但前提是它直接从文件系统运行,而不是低谷IIS。一旦我意识到一些谷歌搜索导致我回答:

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

基本上在 IIS7 下你需要为 WOFF 字体配置 mime 类型,否则 IIS 不提供它们。

于 2013-02-10T03:19:13.113 回答