Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    Regular Coder
    Join Date
    Apr 2003
    Location
    Montreal, QC
    Posts
    340
    Thanks
    3
    Thanked 2 Times in 2 Posts

    IE8 @font-face issues

    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 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
    Search for Laughter or Just Search?
    GiggleSearch.org
    Blog: www.johnbeales.com
    All About Ballet: www.the-ballet.com

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    well that name shows as having this css.

    Code:
    .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
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by johnnyb View Post
    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 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/v...id-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

  • #4
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    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.

  • #5
    Regular Coder
    Join Date
    Apr 2003
    Location
    Montreal, QC
    Posts
    340
    Thanks
    3
    Thanked 2 Times in 2 Posts
    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.
    Search for Laughter or Just Search?
    GiggleSearch.org
    Blog: www.johnbeales.com
    All About Ballet: www.the-ballet.com

  • #6
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    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.

  • #7
    Regular Coder
    Join Date
    Apr 2003
    Location
    Montreal, QC
    Posts
    340
    Thanks
    3
    Thanked 2 Times in 2 Posts
    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.
    Search for Laughter or Just Search?
    GiggleSearch.org
    Blog: www.johnbeales.com
    All About Ballet: www.the-ballet.com

  • #8
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by johnnyb View Post
    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/...web-fonts-work

    best regards

  • #9
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Microsoft says here that RC1 supports it but obviously here 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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •