@font-face Chokes IE7-js about ie7-js

[GoogleCodeExporter]

I'm not seeing any problems with this page. You must to enable ActiveX to allow
custom fonts in MSIE. Maybe that is the problem. Regardless, this has nothing 
to do
with the IE7 script.

Original comment by [email protected] on 26 Feb 2008 at 8:38

• Changed state: Invalid

[GoogleCodeExporter]

The problem isn't the fonts' embedding. It's that having the @font-face in the 
document with IE7/IE8.js applied causes problems as the page will not render at 
all 
with or without ActiveX turned on. Turn IE8.js off in that document and the 
page 
loads. I tested this on multiple computers and all of them are producing the 
same 
result.

I've provided a screenshot to show what is going on. The window starts having 
redraw 
problems. The white there is caused by resizing the window.

Original comment by [email protected] on 28 Feb 2008 at 4:22

Attachments:

• screenshot.jpg

[GoogleCodeExporter]

dunno if that helps but "IE doesn’t render anything in the page until the 
font file 
is done downloading if there is a SCRIPT tag above the @font-face declaration."

Original comment by [email protected] on 11 Feb 2010 at 11:47

[GoogleCodeExporter]

It's possible that this bug relates to IE7.js version 2.0 beta2 and has since 
been 
fixed. I can't recreate it.

Original comment by [email protected] on 12 Feb 2010 at 2:10

[GoogleCodeExporter]

I still have this issue in IE6 ( although I'm using 2.1(beta4) ).
So nothing in the page loads and the 'MSN thing' from above applies as well.
But this thing happens only a few times...

Everything comes back to normal after one refresh.

Original comment by [email protected] on 21 May 2010 at 3:03

[GoogleCodeExporter]

@TheSebah, if you can provide a test page then I will look into it.

Original comment by [email protected] on 21 May 2010 at 4:21

[GoogleCodeExporter]

Having this problem, too. Just embed a font from kernest.com, then add IE7 
script and the page is white in IE6. If you remove the IE7 script, it works 
again.

Original comment by [email protected] on 8 Sep 2010 at 2:33

[GoogleCodeExporter]

The same problem with Win7 IE8 & ie9-script, but here a
body { zoom: 1 }
helps :)

Original comment by [email protected] on 8 Sep 2010 at 2:45

[GoogleCodeExporter]

Can you please re-open this issue?

When I add an alert into ie7-css.js:

newCssText = cssText.replace(/@charset[^;]+;|@font\-face[^\}]+\}/g, 
function(match) {
  declarations += match + "\n";
  return "";
});
alert(1);
this.cssText = newCssText;

Then the page gets rendered correctly while the alert is active and then stays 
correct.

It seems that the issues has to do with loading time, because without alert, 
the page randomly sometimes shows the font correctly and sometimes shows a 
white page. With alert, it shows the correct page every time.

I think that ie7-js makes some changes while the EOT hasn't finished 
downloading and this causes the problems.

Can you think of a workaround?

If you require more details for something, please let me know.

Original comment by [email protected] on 8 Sep 2010 at 3:45

[GoogleCodeExporter]

There is a known problem with cssText and @font-face... could this be related?

http://www.phpied.com/dynamic-script-and-style-elements-in-ie/#comment-72460

AND

http://paulirish.com/2010/font-face-gotchas/

Original comment by [email protected] on 25 Sep 2010 at 3:28