2013-02-10 48 views
4

好吧,我有我想不通一个问题,我想研究WOFF字体的使用在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字体不起作用?

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

回答

2

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

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

基本上IIS7下你需要配置WOFF字体的MIME类型,否则IIS不为他们服务。