Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Genereated EOT files do not work in Windows on IE7/8 #10

Open
GoogleCodeExporter opened this issue Dec 21, 2015 · 16 comments
Open

Genereated EOT files do not work in Windows on IE7/8 #10

GoogleCodeExporter opened this issue Dec 21, 2015 · 16 comments

Comments

@GoogleCodeExporter
Copy link

What steps will reproduce the problem?
1. Generate EOT file with ttf2eot
2. Upload font to server.
3. Create index.html and css @font-face declaration.
4. Boot up windows.
5. Check that the font you uploaded is NOT installed on your Windows OS. a.
GO TO <START MENU>-><CONTROL PANEL><APPEARANCE and PERSONALIZATION><FONTS>.
b.  Look for the font you placed on your website.
6.  Navigate to page.  Font should be rendered in the font included in the
.eot file.  It is not.

What is the expected output? What do you see instead?
EOT file should render as it does on Firefox 3.5 and as it does with WEFT
generated EOT files in IE.

What version of the product are you using? On what operating system?
ttf2eot 0.0.2.2/Ubuntu 9.04/Jaunty Jackalope

Please provide any additional information below.
HERE IS A LINK TO HOW IT RENDERS.
http://jack.clearchannel.com/DEV/fontsTest/ttf2eot/index.html?dontcahceme=1
IN HEADERS stuff after "/" shows eot file generation method.

GiddyupStd.eot (file genereated from ttf2eot) created after converting otf
to ttf using FontForge.



Original issue reported on code.google.com by [email protected] on 23 Jul 2009 at 4:55

@GoogleCodeExporter
Copy link
Author

I just went here with both FF 3.5.3 and IE 7 (winxp) and both show properly.
Perhaps this is a problem with running IE in vista in a virtual environment? 
(or some
combination of these) 

I've attached a screenshot with time stamp. :)

Original comment by [email protected] on 13 Oct 2009 at 11:39

Attachments:

@GoogleCodeExporter
Copy link
Author

I've got a related problem that manifests itself by not working in IE7/8 (but 
does
work in IE6).

My CSS is as follows:

@font-face {
    font-family: 'twitteruRegular';
    src: url('fonts/twitteru0.eot');
    src: local('twitteru Regular'), local('twitteru'), url('fonts/twitteru.woff')
format('woff'), url('fonts/twitteru.ttf') format('truetype'),
url('fonts/twitteru.svg#twitteru') format('svg');
}


I used http://www.fontsquirrel.com/fontface/generator (which uses ttf2eot) to
generate
http://bsktweetup.info/wordpress/wp-content/themes/thesis_16/custom/fonts/twitte
ru.eot .
The font (.ttf) doesn't contain glyphs for capitals, so to make my capitals 
show up,
I used text-transform: lowercase; - "A" is displayed as "a" and Firefox and IE6 
are
all happy.

IE7 and 8 however aren't - instead of the "a" in my required font, it seems to 
use a
fallback font of something else. Removing the text-transform, and an "A" of the
fallback font appears.

Out of curiosity, I used MS's WEFT software to manually create
http://bsktweetup.info/wordpress/wp-content/themes/thesis_16/custom/fonts/twitte
ru0.eot
and to my surprise, it works (or is at least consistent with Firefox).

Original comment by gjones55555 on 25 Jan 2010 at 6:38

@GoogleCodeExporter
Copy link
Author

I just tested this myself and do not see a problem. I downloaded the 
twitteru.ttf font, converted to EOT with the 
fontsquirrel.com generator and it works fine with the text-transform:lowercase 
statement. Would like to see a 
demo where the EOT is not working.

Original comment by [email protected] on 23 Feb 2010 at 6:25

@GoogleCodeExporter
Copy link
Author

I don't know what's happening, but in my case the EOT font isn't working in 
IE7/8. I tried to converted TTF to EOT using WEFT and 
http://www.kirsle.net/wizards/ttf2eot.cgi.   In other browsers (not IE) all is 
seems to be fine. Where should I go and who I should ask for help? =) Font file 
is in the attachment...

Original comment by [email protected] on 6 Aug 2010 at 3:12

Attachments:

@GoogleCodeExporter
Copy link
Author

Boriss - Your problem is with the font itself. The NAME table doesn't conform 
to Microsoft's expectations and is therefore rejected by IE. Use the 
fontsquirrel.com generator instead. It fixes the NAME table issue for you.

Original comment by [email protected] on 6 Aug 2010 at 7:44

@GoogleCodeExporter
Copy link
Author

Sometimes the problem is in IE, not in the font or in the converter.
As you can read in http://msdn.microsoft.com/en-us/library/ms530757(VS.85).aspx 
IE doesn't accept and recognize the "format" rule.

So you have to proceed in creating a IE rule like this:
<!--[if IE]>
<style>
@font-face {
  /* Book */
  font-family: "MyFontName";
  src: url("MyConvertedFont.eot");
  font-weight:  400;
  font-style:   normal;
  font-variant: normal;
  font-stretch: normal;
}
</style>
<![endif]-->

Original comment by [email protected] on 17 Aug 2010 at 1:00

@GoogleCodeExporter
Copy link
Author

Okay, so my fonts work fine in ALL browsers except IE. I am guessing this has 
something to do with the .eot files I'm using. I used the font convertor here 
http://www.kirsle.net/wizards/ttf2eot.cgi and used the .eot files it gave me 
but still no luck

You can see my style sheet here...

http://www.1stchoicerecyclinghvac.com/css/style.css

Oh, and here is the website in question… http://www.1stchoicerecyclinghvac.com

The site is by no means done but if you're using IE you will see the fonts 
don't show up at all and I can't figure out for the life of me why.

Original comment by [email protected] on 16 Mar 2011 at 10:15

@GoogleCodeExporter
Copy link
Author

I have a similar problem that I have been beating my head against a wall with.

Uploaded presdntn.ttf and converted to .eot
using an iestyles sheet via this approach <!--[if IE]>..<!endif>-->
with this style in it to override the ttf referenced in the main css style 
sheet.

@font-face {
 font-family: President;
 src: url("../fonts/presdntn.eot");
}

But I have thus far NEVER been able to get it to render in IE 7 or 8 or 9 
(these are xp and win7 VMs) without the font.?

Heeeellllpp! 

Original comment by [email protected] on 2 Apr 2011 at 7:51

@GoogleCodeExporter
Copy link
Author

Which version of IE are you talking about?

Original comment by [email protected] on 2 Apr 2011 at 10:12

@GoogleCodeExporter
Copy link
Author

Sorry, I didn't read.
Try:

@font-face {
    font-family: 'President';
    src: url('..fonts/presdntn.eot');
    src: url('..fonts/presdntn.eot?iefix') format('eot'),
    font-weight: normal;
    font-style: normal;
}

Original comment by [email protected] on 2 Apr 2011 at 10:14

@GoogleCodeExporter
Copy link
Author

Dears 

I have the same problem compatible all browser except IE8/7 
but my Language Arabic this different?

please check attached and feed me what's wrong ?

Original comment by [email protected] on 7 Sep 2011 at 10:43

Attachments:

@GoogleCodeExporter
Copy link
Author

Problem & solotion with EOT is described here 
https://github.com/fontello/fontello/issues/73#issuecomment-7791793

IE has a bug with locating EOT files - it requires that FamilyName begins 
FullName. It's NOT ttf2eot bug, but it would be very nice to have some warning 
OR even autofix.

Original comment by [email protected] on 3 Sep 2012 at 9:07

@GoogleCodeExporter
Copy link
Author

Hi!
First of all, thanks so much for giving us this tool online.
I have problems with this font I have attached. I converted it here, but when I 
uploaded to my server ( http://maligne.es/maligne/prueba/prueba.html ) I'm 
sayed that it doesn't work in IE 9, but I see it in my Mac with no problems, as 
usual :P
I tried with fontsquirrel.com too, but it keeps saying my font is corrupt and 
it doesn't make the conversion. I checked it in my system, and it says my font 
is ok.
Thank you for any light you can give me!

Original comment by [email protected] on 26 Sep 2012 at 12:07

Attachments:

@GoogleCodeExporter
Copy link
Author

@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../fonts/myriadpro-cond.eot');
    src: url('../fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-cond.woff') format('woff'),
         url('../fonts/myriadpro-cond.ttf') format('truetype'),
         url('../fonts/myriadpro-cond.svg#MyriadProCondensed') format('svg');
}

in IE it is not working..

Original comment by [email protected] on 10 Jun 2013 at 7:30

@GoogleCodeExporter
Copy link
Author

[deleted comment]

@GoogleCodeExporter
Copy link
Author

Same question for above....

Original comment by [email protected] on 31 Jan 2014 at 5:15

@github-staff github-staff deleted a comment Apr 26, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant