Embedded fonts doesn't work on IE

Question

Why my embeded fonts does not work for IE...

Here is my CSS code:

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 */
}

here is my Asp.net C# code:

<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>

here are screenshots:

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

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

EDIT: I'm dropping support for IE, cause IE does not support UTF-32 in any ways. (even my phone supports UTF-32....)

here is the link to the page: http://liepu-translator.org/demo/utf32embedfont/ — AssassinLV, Apr 02 '15 at 09:17
related: http://stackoverflow.com/questions/5065362/ie9-blocks-download-of-cross-origin-web-font — TZHX, Apr 02 '15 at 09:22
and: http://stackoverflow.com/questions/5587956/make-adobe-fonts-work-with-css3-font-face-in-ie9 — TZHX, Apr 02 '15 at 09:22
for reference, generally useful to include error messages in questions: `CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable.` — TZHX, Apr 02 '15 at 09:23
@TZHX, umm, what? how to include that one? I'm quite a noob for asp.net... — AssassinLV, Apr 02 '15 at 09:27
@TZHX , but I had included the "EOT" font cause of IE lack of support of "TTF"... — AssassinLV, Apr 02 '15 at 09:34

zork media · Accepted Answer · 2015-04-02T13:20:02.800

0

Here's the complete solution with the embedcode of fontsquirrel. I don't know, what your "src: local" is good for - I've never seen it before.

@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;
}

If you don't have the complete fonts (woff etc.) you can generate them with the FontSquirrel Webfont-Generator.

edited Apr 02 '15 at 13:20

answered Apr 02 '15 at 09:27

zork media

952
8
17

Yeap - worked... But now the IE has the issues with UTF-32 :D – AssassinLV Apr 02 '15 at 09:37
here is my web config: ... – AssassinLV Apr 02 '15 at 09:38
I never worked with UTF-32 so I can give you no hint on that one, sorry – zork media Apr 02 '15 at 09:42
Do you know how to show the message to each and every user of IE (every version) – AssassinLV Apr 02 '15 at 10:04
P.S. your sullution did not worked, cause it showed me correct only cause I had font installed CSS3111: @font-face encountered unknown error. – AssassinLV Apr 02 '15 at 10:15
Well, I decided already to drop the support for IE. And the reason is that that I can't ask user to convert their OTF/TTF font to EOT (while they are adding language that requires special font for currect rendering of text) only cause of 1% of IE users... – AssassinLV Apr 08 '15 at 15:02

Embedded fonts doesn't work on IE

1 Answers1