@ font-face在IE中不工作時不在服務器上

我已經在網站上爲一些字體實現了@ font-face。這是一個在IIS7上託管的asp網站。目前我正在使用FF23，Chrome，IE8/9/10進行測試。我在IE中遇到了一些困難。當我不從我的服務器訪問網頁時，字體將在FF和Chrome上正確呈現，但是在所有IE瀏覽器中都不會。當我訪問服務器上的網站（2008 r2）時，我使用的是相同的URL（完全限定的域名）。當我訪問不在服務器上時，我使用的是完全合格的域名。字體和網站都託管在同一臺計算機上（相同的域）。在FF或Chrome中沒有錯誤@ font-face引發的錯誤，不確定如何檢入即。@ font-face在IE中不工作時不在服務器上

@font-face { 
    font-family: 'sf_movie_posterregular'; 
    src: url('./fonts/customtitle-webfont.eot'); 
    src: url('./fonts/customtitle-webfont.svg#sf_movie_posterregular') format('svg'), 
     url('./fonts/customtitle-webfont.eot?#iefix') format('embedded-opentype'), 
     url('./fonts/customtitle-webfont.woff') format('woff'), 
     url('./fonts/customtitle-webfont.ttf') format('truetype'); 

    font-weight: normal; 
    font-style: normal; 

}

來源

2013-09-05 user2524908

要查看IE中的錯誤消息，請按F12並轉到**控制檯**選項卡。 – EricLaw

將woff添加爲IIS的礦山類型。（.woff，application/font-woff）

轉到IIS管理器，選擇您的網站，並從右側選擇MIME類型。

來源

2013-09-05 21:06:40

我會嘗試。感謝您的建議。兩件事情; IE是否使用EOT格式，並且它使用服務器上的完全限定的域來工作，爲什麼它會在這裏工作，如果我沒有設置適當的MIME類型？ – user2524908

當它來自服務器時，它可能具有正確的MIME類型。 IE9和更高版本使用WOFF，早期的IE版本使用EOT。 – EricLaw

嗯，這仍然沒有奏效。我嘗試了.woff應用程序/ font-woff和.woff應用程序/ x-font-woff – user2524908

爲字體添加「本地」後，它可以在所有瀏覽器中運行。

@font-face { 
    font-family: 'sf_movie_posterregular'; 
    src: url('./fonts/customtitle-webfont.eot'); 
    src: local('sf_movie_posterregular'), 
     url('./fonts/customtitle-webfont.svg#sf_movie_posterregular') format('svg'), 
     url('./fonts/customtitle-webfont.eot?#iefix') format('embedded-opentype'), 
     url('./fonts/customtitle-webfont.woff') format('woff'), 
     url('./fonts/customtitle-webfont.ttf') format('truetype'); 

    font-weight: normal; 
    font-style: normal;

來源

2013-09-06 15:12:13 user2524908

@ font-face在IE中不工作時不在服務器上

回答

相關問題