2015-04-02 90 views
0

不起作用爲什麼我的嵌入字體,不適用於IE瀏覽器...嵌入字體在IE

這裏是我的CSS代碼:

body{} 
@font-face { 
    font-family: 'JSeshFont'; 
    src: url('fonts/JSeshFont.eot'); /* IE */ 
    src: url('fonts/JSeshFont.eot?#iefix'); /* IE */ 
    src: local('JSeshFont'), url('fonts/JSeshFont.ttf') format('truetype'); /* others */ 
} 
@font-face { 
    font-family: 'JameelNooriNastaleeqKasheeda'; 
    src: url('fonts/JameelNooriNastaleeqKasheeda.eot'); /* IE */ 
    src: url('fonts/JameelNooriNastaleeqKasheeda.eot?#iefix'); /* IE */ 
    src: local('Jameel Noori Nastaleeq Kasheeda'), url('fonts/JameelNooriNastaleeqKasheeda.ttf') format('truetype'); /* others */ 
} 

這裏是我的Asp.net C#代碼:

<html> 
<head runat="server"> 
    <title></title> 
    <link rel="stylesheet" type="text/css" href="/demo/style.css" /> 
    </head> 
<body> 
    ... 
         <asp:Label ID="Label1" runat="server" Text="بلا بلا بلا" Font-Names="JameelNooriNastaleeqKasheeda" Font-Size="XX-Large"></asp:Label> 
</asp:TableCell> 
        <asp:TableCell ID="text2" runat="server" Font-Size="Large"> 
         <asp:Label ID="Label2" runat="server" Text="" Font-Names="JSeshFont" Font-Size="XX-Large"></asp:Label> 
</asp:TableCell> 
       </asp:TableRow> 
       <asp:TableRow runat="server" Height="200"> 
        <asp:TableCell runat="server"> 
         <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Height="200" Width="300" Font-Names="JameelNooriNastaleeqKasheeda" Font-Size="XX-Large"></asp:TextBox> 
</asp:TableCell> 
        <asp:TableCell runat="server"> 
         <asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Height="200" Width="300" Font-Names="JSeshFont" Font-Size="XX-Large"></asp:TextBox> 
... 
</body> 
</html> 

下面是截圖:

http://i.imgur.com/9OZ2nxD.png

http://i.imgur.com/oVgMJUs.png

編輯: 我放棄對IE的支持,導致IE不支持UTF-32以任何方式。 (即使我的手機支持UTF-32 ....)

+0

這裏是該頁面的鏈接:http://liepu-translator.org/demo/utf32embedfont/ – AssassinLV 2015-04-02 09:17:10

+0

相關:http://stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-原始網絡字體 – TZHX 2015-04-02 09:22:17

+0

和:http://stackoverflow.com/questions/5587956/make-adobe-fonts-work-with-css3-font-face-in-ie9 – TZHX 2015-04-02 09:22:22

回答

0

下面是使用fontsquirrel嵌入代碼的完整解決方案。我不知道,你的「src:local」有什麼好處 - 我從未見過它。

@font-face { 
font-family: 'JSeshFont'; 
src: url('fonts/JSeshFont.eot'); /* IE */ 
src: url('fonts/JSeshFont.eot?#iefix'), format('embedded-opentype'), 
    url('fonts/JSeshFont.woff') format('woff'), 
    url('fonts/JSeshFont.ttf') format('truetype'), 
    url('fonts/JSeshFont.svg#JSeshFont') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 

如果你沒有完整的字體(WOFF等),您可以用FontSquirrel Webfont-Generator生成它們。

+0

Yeap - working ...但是現在IE瀏覽器與UTF-32的問題:d – AssassinLV 2015-04-02 09:37:08

+0

這裏是我的web配置: ... AssassinLV 2015-04-02 09:38:49

+0

我從來沒有合作過UTF-32,所以我可以給你一個沒有暗示,對不起 – 2015-04-02 09:42:49