Home/ Questions/Q 7248591
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T22:09:33+00:00

I have my website that I am creating here and it’s looking good (right

  • 0

I have my website that I am creating here and it’s looking good (right now CSS3 media queries aren’t working for IE) but I find my @font face is broken and looks like crap in Chrome for Windows (so far that’s the only major one I’ve found).

I’ve searched it up and found CSS3 rbg fix that is supposed to work however it did nothing for me. Did the bulletproof fix from Paul Irish however then my font breaks in Android. I’ve been researching this fro a couple hours now but can’t seem to find anything that will work. I’ve heard of Cufon but I’m trying to stick with @font face as it’s just for Chrome that I’m having this trouble.

I went to font squirrel and got the font face kit for the font I am using so it looks like this

@font-face {
font-family: 'GeosansLightRegular';
src: url('geosanslight-webfont.eot');
src: url('geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
     url('geosanslight-webfont.woff') format('woff'),
     url('geosanslight-webfont.ttf') format('truetype'),
     url('geosanslight-webfont.svg#GeosansLightRegular') format('svg');
font-weight: normal;
font-style: normal;

}

It works with most of the browsers (again I haven’t had a chance to test EVERY single one, but I have checked it on IE 6-9 and it looks good, FF 9 for Windows and FF 8 for OSX, Safari Opera and it looks great. Chrome for windows is just not working well with the @font face command.

Does anyone have advice as to what I can do to either make it look better or fix it? (Aside from removing the @font face class and using regular font.)

Also, I could however end up using a conditional comment from Chrome to just view a regular font but then my HTML wouldn’t validate eh?

So any help would be appreciated..

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    After many hours of looking for a fix I found a perfect fix. It costs an annual fee, however if you are a web designer with multiple sites this is a must have!

    http://www.typekit.com

    It works on ALL modern browsers and it fixes my pesky problem with Chrome so I’m happy. It’s worth the small fee to have great type no matter what your visitor is viewing on. Start to have an issue, contact them and THEY fix it for you. Peace of mind for almost any typeface.

    • 0