嵌入式字体在 IE 上不起作用

Question

为什么我的嵌入字体不适用于 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。（连我的phone都支持UTF-32....）

Answer 1

这是包含 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.

生成它们

嵌入式字体在 IE 上不起作用

Embedded fonts doesn't work on IE

html

css

c#

asp.net

font-face