我在this site上使用DINNextLTPro-Medium字体,注意到Safari6和Chrome (mac)和世界上其他地方(Safari5Mac/ win,Chrome win,Firefox win,Opera win...)在渲染上有很大的不同。
以下是在装有Safari 6的mac上发生的情况:
在Safari 5 win上:
下面是我的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 (flash)加载的视频导致的?
发布于 2013-04-03 21:06:19
似乎我通过css找到了一个经过多次搜索的修复方法:
html {-webkit-font-smoothing: antialiased}
发布于 2013-02-21 21:32:12
你的@font-face看起来不错,看不出为什么它不能在版本5中显示。然而,谷歌搜索自定义字体Safari 5很快就会注意到,很多人在这个版本的Safari上遇到了渲染问题。
奇怪的是,很多人报告了这个问题是由Adobe Flash引起的,一种复制的方法来看看这是否是问题所在,那就是在页面加载之前字体是否渲染得很快?因为人们报告它只有在页面完全加载后才会发生,所以页面上的快速刷新应该能够复制以查看这是否是问题所在。
结账:https://discussions.apple.com/thread/2458648?start=0&tstart=0
发布于 2013-02-22 12:07:38
根据我的经验,我使用Safari6+ iMac和IE10+Windows7,这主要是由于Mac和Windows使用不同的字体渲染技术造成的。我不确定你以前是否使用过Mac,或者是否注意到Mac和Windows之间的字体呈现方式不同。Mac中的字符看起来更平滑,有点模糊,而Windows中的字符看起来更锐利。
除此之外,你可以尝试在窗口中调整ClearType (控制面板/外观和个性化/显示/调整ClearType文本)和在Mac中调整字体平滑(设置/常规)。您也可以使用终端来调整字体的渲染程度。
defaults -currentHost write -globalDomain AppleFontSmoothing -int 2
-int %1比- int %2轻
有关差异的更多信息,请阅读此~article~
https://stackoverflow.com/questions/15016032
复制相似问题