Not working in IE even though I DO have EOT file

[BjornOnPole]

I have a font I use with PhocaFont, but it does not seem to work in Internet Explorer.
When I googled for the cause of this problem, I found out that IE needs .eot files for it to work.

But I have that!

I have used this guide to make my font Phoca ready: https://www.phoca.cz/documents/55-phoca- ... phoca-font

The original font files are .otf files, so I renamed them to .ttf files, and finally converted them to .eot files
And then I followed the rest of the guide.

So my font does not work in IE, but I do have an .eot file. What could be the problem?

Here is the Phoca font package I used: onpole.org/sva/com_phocafont_vistasans.zip

[Jan]

Hi, let me know the site where your are using this font, so I can check if all code was rendered Ok.

[shriek]

Hi. I have the same prob. Have converted ttf to eot and is working fine on firefox and chrome, it works on explorer with compatibility view on, but not without it. Site is at www. forkliftsolutions.co.nz/index.php using version 2.0.2
Thanks for any help!
Andrew

[Jan]

Hi, I see the same output in FF and IE10 ... the font is the same

[shriek]

Sorry, should have put www. forkliftsolutions.co.nz/index.php/used-forklift-sales The headings, 'Used forklift sales' and the other headings should be Trade Gothic condensed. Using IE 10 as well.
Andrew

[shriek]

Hi. Posted on this yesterday, but seems to have lost my post. Ayway, sorry, i should have put the url as www .forklift-solutions.co.nz/index.php/used-forklift-sales (home page didn't really show the font! Anyway, thanks for your help. I was using IE 10 as well. Only shows in compatibility mode. Does work in firefox and chrome.
Thanks
Andrew

[Jan]

Hi, I see now but I am not able to say what can be wrong there, If I look at the code, I see no error there

The html is right:

Code: Select all

<!--[if IE]>
<style type="text/css">
@font-face {
       font-family: "New Font";
       font-style: normal;
       font-weight: normal;
       font-stretch: normal;
       font-stretch: normal;
       src: url("/components/com_phocafont/fonts/newfont.eot") ;
   }
h1,h2,h3,h4 { font-family: "New Font", arial, helvetica;

}
</style><![endif]-->

the path to the font eot too. Try to use other eot font to discover if the problem is not related to the eot file

EDIT: Maybe, not sure but maybe IE 10 do not allow its own rules, conditional comments, maybe this can be the problem. I will take a closer look at it.

Jan

[Jan]

Hmm, tested now, and it works OK

IE 9 (or IE 10 with compatibility mode) needs eot
IE 10 can display the ttf font.

So this seems to be Ok.

If IE 9 runs, the eot will be used (in conditional comments) if IE 10 will be run, standard TTF will be used.

If you are using IE 10, do you have both versions of the font - one ttf and second otf? If yes, IE 10 should use ttf (or otf) and display it correctly

Jan

[shriek]

Hi Jan
Thanks for your help. yes I had both eot and ttf. I have changed my xml file to:<files>
<filename>newfont.ttf</filename>
<filename>newfont.eot</filename>
<filename>newfont-webfont.svg</filename>
<filename>newfont-webfont.woff</filename>
<filename>newfont_license.txt</filename>
<filename>index.html</filename>
</files>

<types>
<regular>newfont.ttf</regular>
<regular>newfont.eot</regular>
<regular>newfont-webfont.svg</regular>
<regular>newfont-webfont.woff</regular>
<alternative>arial, helvetica</alternative>
<format>truetype</format>
</types>
and added .svg and .woff (I don't really know what they are but they were included when I did the convert font process.
Anyway, now it works in ie10 normally, but not in the compatibility mode. So it's the other way round, which I guess is better?
Andrew

[Jan]

Ok