@font在Chrome中显示粗糙字体 [英] @font face choppy font in Chrome

问题描述

我有我的网站，我在这里创建，它看起来不错（现在CSS3媒体查询不工作的IE），但我发现我的@font的脸被打破，看起来像crap在Chrome for Windows（迄今为止，这是唯一的主要一个，我发现）。

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).

我已经搜索它，发现CSS3 rbg修复，应该是工作，但它对我没有什么。然而，然后我的字体在Android中的保险爱尔兰的防弹修复。我已经研究了这一点，现在几个小时，但似乎找不到任何可以工作。我听说过Cufon，但我试图坚持使用@font脸，因为它只是为Chrome，我有这个麻烦。

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;

}

它适用于大多数浏览器t有机会测试每一个单一的，但我已经检查它在IE 6-9和它看起来不错，FF 9的Windows和FF 8的OSX，Safari Opera和它看起来不错。使用@font face命令。

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.

有没有人有什么建议，我可以做，以使它看起来更好或修复它？（除了@font面类和使用常规字体。）

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.)

此外，我可以最终使用一个条件评论从Chrome浏览器只查看一个普通字体，但我的HTML将不会验证eh ？

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?

任何帮助都会感激。

推荐答案

许多小时的寻找一个解决方案，我找到一个完美的解决方案，它花费年费，但如果你是一个网站设计师与多个网站，这是一个必须有！

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!

www.typekit.com

www.typekit.com

它适用于所有现代浏览器，它修复了我的Chrome的麻烦问题，所以我很高兴。这是值得的小费用有伟大的类型，无论你的访客正在查看。开始有问题，联系他们和他们修复它。几乎任何字体的安心。

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.

这篇关于@font在Chrome中显示粗糙字体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！