@ font-face字体模糊效果在不同的浏览器

Question

我已经使用了下面的CSS代码来加载我的字体。这是在一个外部的CSS样式表：

@font-face { 
    font-family: 'light'; 
    src: url('../_fnt/light/gothamrnd-light.eot'); 
    src: url('../_fnt/light/gothamrnd-light.eot?#iefix') format('embedded-opentype'), 
      url('../_fnt/light/gothamrnd-light.woff') format('woff'), 
      url('../_fnt/light/gothamrnd-light.ttf') format('truetype'), 
      url('../_fnt/light/gothamrnd-light.svg#../_fnt/light/gothamrnd-light') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

一切都应该很好，是完全可见的。我刚刚听说一位朋友使用了windows 7中的firefox 15，并且他看到了一些模糊的图像。我看到任何来自Windows的浏览器都会遇到这个问题。 IE浏览器不工作的时候当然也......（不是最好的跨浏览器...）

模糊效果，火狐15.0.1：

这是因为它看起来应该字体（已经从Chrome 23检查过）：

如果您想测试，网站的网址是http://escuderodesign.com/。其我的投资组合，我真的很想解决这个问题，至少用Firefox。

我以为@ font-face就够了。你能帮我一下吗？

Answer 1

这是一个字体渲染的问题，如果你打开了高谭圆润的简易版本，你可以看到，即使字体浏览器显示它轻薄的在12

大小所以，我认为你有两个基本的选择：

1. 使用常规版本的字体，它在浏览器中也显示得很好。
2. 使用cufon渲染器。

无论如何，字体在Firefox 16.0.2和Chrome 22.0.1中对我来说同样是不足的，所以我会说这是一个字体问题。其实就渲染而言，IE对我来说是最好的，而不是关于布局。

祝你好运！