2013-02-10 47 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不爲他們服務。