Windows中的字体平滑

我在我的新网站上使用名为Gotham的字体。这不是字体准备，所以我自己做了。它可以在我的Mac上正常工作，并且在Chrome和Safari中的Windows计算机上也可以正常工作。但是在IE和FireFox中字体并不平滑。请参阅附件中的图像以了解其差异。（我无法发布图像，因为我是新注册用户，所以请查看此链接的屏幕截图：http://i45.tinypic.com/f35hqq.png Windows中的字体平滑

这是如何设置的。我认为我没有问题，因为字体显示在所有的浏览器，只是渲染不是最佳在所有的Windows浏览器。

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

有什么办法解决这一问题？也许一个jQuery的解决办法还是什么？

来源

2012-10-27 ton89

已包含所有必要的字体类型？每个浏览器都可以识别不同的字体格式。如果您使用Font Squirrel等服务转换字体以便在网络上使用：http://www.fontsquirrel.com/，那么你应该已经提供了每种字体类型以及一些示例CSS（下面）来插入。确保在@ font-face选择器中包含每种格式以优化所有浏览器的字体：

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

希望这会有所帮助！高谭是一个伟大的字体:)

编辑：Windows有正确显示字体的一些问题。我经常使用Mac OS和Windows，并注意到许多不一致之处。我认为，如果没有主流浏览器的干预，你已经做了所有的事情。祝你好运！

来源

2012-10-29 05:02:05

Windows中的字体平滑

回答

相关问题