2013-04-09 107 views
3

我正在使用Zope/Plone4 CMS製作Web門戶。自定義字體在Zope/Plone中的IE8中不起作用

那麼,我用@font-face來聲明標題的排版。代碼和字體來自Font-Squirrel。 我在本地機器上製作網站(沒有在我的電腦中安裝字體),一切正常。 但是在Plone中,IE8根本不呈現字體。只有IE8,當IE7和IE9呈現完美(?)

我使用Google字體進行了測試。一切工作正常,所有的瀏覽器。

我認爲這可能是因爲讀取/寫入權限或其他因素導致的錯誤,因爲如果我已註銷,字體在任何IE中都不會呈現。 這解釋了爲什麼Google字體可以正確渲染(字體在Plone外部託管)。但並不能說明國內唯一IE8的問題...

我在這裏發佈的代碼,很好,我認爲是無關緊要的,但如果它可以幫助...

 @font-face { 
     font-family: 'TeXGyreAdventorRegular'; 
     src: url('../font/texgyreadventor-regular-webfont.eot'); 
     src: url('../font/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'), 
      url('../font/texgyreadventor-regular-webfont.woff') format('woff'), 
      url('../font/texgyreadventor-regular-webfont.ttf') format('truetype'), 
      url('../font/texgyreadventor-regular-webfont.svg#TeXGyreAdventorRegular') format('svg'); 
     font-weight: normal; 
     font-style: normal; 
    } 

    h1 {font-family:'TeXGyreAdventorRegular'} 

我不是Zope開發並沒有編程技能,不知道我是否以正確的方式尋找解決方案。我的意思是,我認爲CSS是正確的,問題來自另一端。但是,在確定放棄來自本網站的自定義字體之前,我想要利用手中的所有可能性。

注意:谷歌字體的工作原理是正確的,但是我測試過的所有字體在Windows中渲染的非常糟糕,並且該網站必須非常容易訪問(並且完美清晰)。我寧願避免它。

+0

會發生什麼事,作爲一個匿名用戶進行一次容易嗎?該文件是如何添加到您的Plone網站的? – 2013-04-09 11:17:05

+0

瀏覽器下載字體(以及...請求我保存* .eot文件或打開它,你知道)。該文件直接從管理界面上傳。 – Arkana 2013-04-09 11:42:10

+0

是的,我認爲那是失敗的部分。我試圖確定可能的原因。 – 2013-04-09 11:43:10

回答

-1

您必須添加.oet(嵌入式Open Type)文件。這種格式是由微軟15年前創建的。這是IE8及以下版本在使用@ font-face時唯一可以識別的格式。

您可以使用免費的轉換器,如果您嘗試直接訪問`../字體/ texgyreadventor-常規webfont.eot` URL ttf2oet http://code.google.com/p/ttf2eot/

+0

正如你在問題中看到的那樣,第一個字體是EOT。另外還有一個針對僅限探險者的修復。 – Arkana 2014-04-30 12:10:10

相關問題