字体渲染野生动物园6

Question

我正在使用this site上的DINNextLTPro-Medium字体，并注意到Safari 6和EX之间渲染的差异很大。 Chrome（mac）和世界其他地方（Safari 5 mac / win，Chrome win，Firefox win，Opera win ......）。

以下是使用Safari 6的Mac上发生的事情：

在Safari 5上获胜：

这是我的css文件中的字体调用：

@import url("//hello.myfonts.net/count/259bc7");
@font-face {
    font-family: 'DINNextLTPro-Medium';
    src:    url('fonts/259BC7_0_0.eot');
    src:    url('fonts/259BC7_0_0.eot?#iefix') format('embedded-opentype'),
            url('fonts/259BC7_0_0.woff') format('woff'),
            url('fonts/259BC7_0_0.ttf') format('truetype')
}

body,input,button,textarea  {
    font-family: DINNextLTPro-Medium, Helvetica, Arial, sans-serif; border:none;
    font-size: 16px; line-height: 24px;
    font-weight: normal;
    font-style: normal; }

这一切都来自于myfonts，它与我习惯的fontsquirrel声明非常相似，而且它的工作效果非常好。

问题是，是否有人对此有所了解？我知道很难在不同的浏览器上获得相同的渲染，但在这里，它看起来非常大胆。

编辑＃1：是否会因为从Vimeo（闪存）加载的视频造成这种情况？

Answer 1

你的@ font-face看起来不错，看不出为什么它不能在第5版中显示。但谷歌搜索自定义字体Safari 5很快就会发现很多人在这个版本的Safari上有渲染问题。

奇怪的是，很多人都报道这个问题是由Adobe Flash和一种复制方式引起的，看看这是否是问题是在页面加载之前字体是否快速渲染？由于人们仅在页面完全加载后报告它，因此页面上的快速刷新应该能够复制以查看这是否是问题。

结帐：https://discussions.apple.com/thread/2458648?start=0&tstart=0

Answer 2

根据我的经验，我使用的是Safari 6 + iMac＆amp; IE 10 + Windows 7，这主要是由Mac和Windows中使用的不同字体渲染技术引起的。 我不确定你以前是否曾经使用过Mac，或者曾经注意过Mac和Windows之间的不同字体渲染。 Mac中的角色看起来更平滑，有点模糊，而在Windows中，它们看起来很清晰。

除此之外，您可以尝试在Windows中调整ClearType（控制面板/外观和个性化/显示/调整ClearType文本）和Mac中的字体平滑（设置/常规）。 您也可以使用终端来调整字体的渲染程度。

defaults -currentHost write -globalDomain AppleFontSmoothing -int 2

-int 1比 - int 2

轻

有关DIFFERENCE的更多信息，请阅读此~article~

Answer 3

似乎我在多次搜索后通过css找到了修复程序：

html {-webkit-font-smoothing: antialiased}