2013-10-17 115 views
0
  • 我有一個iframe,並沒有我通過樣式表應用的自定義字體正在加載(字體正確應用在樣式表中,它只是不起作用)。
  • 我試圖在實際的iframe中添加樣式,而不是從父頁面中添加樣式
  • 字體在樣式表中正確定義(並且我正在應用各種不同的字體類型,例如.eot .otf。 woff和.svg)。
  • 我也正確地配置了我的web.config中字體的MIME類型,並且字體在服務器上的正確位置(我託管實際字體)。
  • 有在瀏覽器
  • 在Firefox中的「網」選項卡的「控制檯」沒有錯誤,有任何文件
  • 的字體沒有在任何瀏覽器加載沒有失敗的負載

任何想法發生了什麼或我應該檢查什麼?自定義字體不加載iframe

這裏的樣式表中的字體聲明:

@font-face { 
    font-family: 'TradeGothicLTBdCondTwenty'; 
    src: url('../fonts/lte50543.eot'); 
    src: url('../fonts/lte50543.eot') format('embedded-opentype'), 
     url('../fonts/lte50543.woff') format('woff'), 
     url('../fonts/lte50543.ttf') format('truetype'), 
     url('../fonts/lte50543.svg#TradeGothicLTBdCondTwenty') format('svg');  
} 

,這裏是允許的文件類型在web.config的staticContent部分:

<staticContent> 
    <!-- HTML5 Web font MIMEtypes --> 
    <remove fileExtension=".eot" /> 
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" /> 
    <remove fileExtension=".otf" /> 
    <mimeMap fileExtension=".otf" mimeType="font/otf" /> 
    <remove fileExtension=".woff" /> 
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" /> 
    <!-- Proper SVG Serving --> 
    <remove fileExtension=".svg" /> 
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/> 
    <remove fileExtension=".svgz" /> 
    <mimeMap fileExtension=".svgz" mimeType="image/svg+xml"/> 
</staticContent> 
+1

您是否檢查瀏覽器是否嘗試在Inspector Networkpanel中加載不存在的資源? – Bernhard

+1

您是否在框架頁面中指定了字體樣式表? – Musa

+0

喬希,謝謝,雖然不,不是一個重複的問題 - 我試圖添加樣式在實際的iframe中,而不是從父頁面。我編輯了這個問題來澄清這個 –

回答

1

修正這一點。我們使用TFS(Team Foundation Server)構建系統來部署站點,並且字體的TFS構建操作未設置爲'如果更新,則複製',所以當網站重新部署時,字體實際上已被刪除從服務器(我以前不得不在服務器上手動部署它們進行測試)。