2012-05-25 41 views
1

在自定義字體使用私有代碼點我想用我們字形創建自定義字體。它在某些情況下運行良好,完全不適用於其他情況。獲取IE通過@字體面

我用FontSquirrel從由字形出口(除了當我用TypeFront,創造/託管他們對我來說)的OTF創建非OTF字體文件。我創建的字符是在Unicode私人使用區域,特別是在這個範圍內:http://www.decodeunicode.org/en/private_use_area/5

這裏是正在工作: *在Firefox和Safari 字體* Chrome瀏覽器中的字體,如果我包括CSS的OpenType字體文件。

下面是壞:

  • 字體呈現空白,在Chrome中,如果我不包括在CSS的OpenType字體文件。
  • 在任何情況下,字體都會呈現IE8/9中的空白框。 (還沒有檢查舊版本。)

這裏就是我沒有成功嘗試:

  • 託管字體本地。將它們託管在TypeFront上。

  • 最新最大的防彈字體面聲明,由FontSquirrel並且還通過TypeFront提供。

例:

@font-face { 
    font-family: 'dojofore'; 
    src: url('ash/oah/css/dojofore-regular-webfont.eot'); 
    src: url('/ash/oah/css/dojofore-regular-webfont.eot?#iefix') format('embedded-opentype'),     
     url('/ash/oah/css/dojofore-regular-webfont.ttf') format('truetype'), 
     url('/ash/oah/css/dojofore-regular-webfont.woff') format('woff'), 
     url('/ash/oah/css/dojofore-regular-webfont.svg#dojoforeRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 
  • 僅使用第一SRC以上聲明。而只有第二個。只有第二個的第一行。

  • 更改.htaccess文件:

    AddType application/vnd.ms-fontobject .eot 
    AddType font/ttf .ttf 
    AddType font/otf .otf 
    

我覺得我必須缺少一些關鍵的一步,這將使上述工作精美,每一個瀏覽器。其他人已經做到了(FontAwesome的字體在私人使用區域)。誰能告訴我我做錯了什麼?

+0

只是一個更新:我只是測試上述流程**使用Unicode的私有區域不**,它在IE和Chrome瀏覽器,而無需的OpenType工作。上述工作流程加上私人使用區域==字體工作不正常。所以,問題仍然有效... – hoosteeno

回答

1

已解決。

FontSquirrel讓你「子集」的字體。這樣做似乎使unicode的私有區域的行爲更具可預測性。在這種情況下,這意味着給它一個範圍E400-E500。

+0

Hoosteno,請看看我的[問題](http://stackoverflow.com/questions/12424357/javascript-and-regular-expression-for-private-use-area-pua -characters)。我遇到了PUA問題。你能否更詳細地解釋一下你如何「子集」你的字體?的確如此。 I. – paranza

+0

對不起,我沒有及時得到這個,伊拉里亞克。看起來你知道了嗎? – hoosteeno