...

View Full Version : IE8 @font-face issues



johnnyb
02-12-2009, 04:15 AM
Hi,

I have been asked to troubleshoot some problems with an @font-face rule in IE8. I can't seem to get it to work 100%.

It seems that when I clear the cache I get the font on the next page load, but not on subsequent page loads.

I'm running IE8 RC1 on Vista.

To see a demo go here (http://www.elitefitness.com/forum/pct-post-steroid-cycle-therapy/pct-sustain-alpha-unleashed-post-cycle-clomid-599720.html) and scroll down to the 6th post. The guy's name "needtogetgas" should be in a font that is obviously not Arial/Helv/Verdana.

Any insight would be helpful.

Thanks as always,

John

bazz
02-12-2009, 04:46 AM
well that name shows as having this css.



.elitemod {

FONT-FAMILY: Hyper, Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size: 18pt;

color: #275A8D;

}



The line above seems not to show a span class so it may be that only this one has it. Your code is too bunched for me to see it properly.

bazz

oesxyl
02-12-2009, 05:18 AM
Hi,

I have been asked to troubleshoot some problems with an @font-face rule in IE8. I can't seem to get it to work 100%.

It seems that when I clear the cache I get the font on the next page load, but not on subsequent page loads.

I'm running IE8 RC1 on Vista.

To see a demo go here (http://www.elitefitness.com/forum/pct-post-steroid-cycle-therapy/pct-sustain-alpha-unleashed-post-cycle-clomid-599720.html) and scroll down to the 6th post. The guy's name "needtogetgas" should be in a font that is obviously not Arial/Helv/Verdana.

Any insight would be helpful.

Thanks as always,

John
you have some error in css:

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.elitefitness.com%2Fforum%2Fpct-post-steroid-cycle-therapy%2Fpct-sustain-alpha-unleashed-post-cycle-clomid-599720.html

about font-face:

http://reference.sitepoint.com/css/at-fontface


The @font-face at-rule allows you to define custom fonts. It was first defined in the CSS2 specification, but was removed from CSS2.1. Currently, itís a draft recommendation for CSS3.

best regards

drhowarddrfine
02-12-2009, 05:54 AM
Since I see it in Chrome, that means you are not using a eot font. The modern browsers work with everything but eot while IE works with eot only.

johnnyb
02-12-2009, 02:23 PM
First, thanks for all of the replies during the night. It's great to actually receive help in a forum - that's why I love codingforums.

Now, on to business.

@bazz, @oesxyl: Disclaimer - I didn't write the original code, or at least not most of it. I'm just the repairman, so I'm dealing with the same bunched code & CSS errors that you see :|

@drhowarddrfine: Are you sure you're seeing the font, not just a different size & color? Check the letter e. If you see the font it'll be a small-cap. If not, it'll be a normal lower-case e.

I've checked the CSS the relevant portions look correct, both the span that wraps the member name and the @font-face declaration. I'm hoping that this is an IE8 known issue, but I kind of doubt it.

There are no conditional comments in the document, so I assume that the *height and _position CSS properties caught by the validator are IE hacks. I'm familiar with _position, however *height is a new one to me, and a quick google search turns up nothing.

I am thinking about dropping font embedding entirely and switching to sIFR.

drhowarddrfine
02-12-2009, 03:57 PM
I see lower case so I only assumed I was seeing the font. I had briefly looked for the font-face stuff while laying in bed but didn't find it right away.

Now that I'm in my office I can check my docs. @font-face does not work in IE8 right now though MS claims it will when it's released. Others who study this say it won't. It definitely works in these:
Firefox 3.1, Safari 4.0, Chrome 2.0, and Opera 10.0.

johnnyb
02-12-2009, 04:54 PM
Thanks for checking it out.

Do you know if there's any documentation out there about IE8's support of @font-face? I have seen that it was unsupported in the betas, but is planned for the release version, however, I can't find anything related to the current RC1.

oesxyl
02-12-2009, 05:04 PM
Thanks for checking it out.

Do you know if there's any documentation out there about IE8's support of @font-face? I have seen that it was unsupported in the betas, but is planned for the release version, however, I can't find anything related to the current RC1.
I didn't try this, probably will work, but don't say anything about ie 8:

http://jontangerine.com/log/2008/10/font-face-in-ie-making-web-fonts-work

best regards

drhowarddrfine
02-12-2009, 05:55 PM
Microsoft says here (http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx) that RC1 supports it but obviously here (http://a.deveria.com/caniuse/#agents=All&cats=All&eras=All&statuses=All) it says it doesn't.

But you can't trust anything Microsoft says. They claim IE8 will have css2.1 full compliance. Then they said it was only a target. The css3.info guys told me there is no way IE8 will have full compliance when IE8 final is released so I don't think the Microsoft page can be trusted.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum