Fonts 字体渲染safari 6
我正在使用DINNextLTPro中字体,注意到Safari 6和Chrome(mac)与世界其他地方(Safari 5 mac/win、Chrome win、Firefox win、Opera win…)在渲染上有很大的不同 下面是使用Safari 6的mac上发生的情况: 在Safari 5 win上: 以下是我的css文件中的字体调用:Fonts 字体渲染safari 6,fonts,macos,Fonts,Macos,我正在使用DINNextLTPro中字体,注意到Safari 6和Chrome(mac)与世界其他地方(Safari 5 mac/win、Chrome win、Firefox win、Opera win…)在渲染上有很大的不同 下面是使用Safari 6的mac上发生的情况: 在Safari 5 win上: 以下是我的css文件中的字体调用: @import url("//hello.myfonts.net/count/259bc7"); @font-face { font-fami
@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声明非常相似,众所周知,fontsquirrel声明工作得非常好
问题是,有人知道这方面的线索吗?我知道很难在不同的浏览器上获得相同的渲染,但在这里,它看起来非常大胆
编辑#1:这是由从Vimeo(flash)加载的视频引起的吗?您的@font-face看起来不错,看不出在版本5中不显示的任何原因。然而谷歌搜索Safari 5的自定义字体很快就会发现很多人在这个版本的Safari上有渲染问题 奇怪的是,很多人都报告说这个问题是由Adobe Flash引起的,一种复制的方法是在页面加载之前字体是否快速呈现?由于人们只是在页面完全加载后才报告它,所以页面上的快速刷新应该能够复制,以查看这是否是问题所在
结帐:根据我的经验,我使用Safari 6+iMac和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轻
有关差异的更多信息,请阅读此在多次搜索后,我似乎通过css找到了一个修复方法:
html{-webkit字体平滑:抗锯齿}
实际上它只发生在safari 6上,5是可以的。是的,我没有写它,但当我从vimeo加载几个iFrame来显示视频时,我认为flash是问题的一个可能来源。我不太熟悉safari,但我认为它有某种萤火虫?我会在几个小时内为你看一看,你100%确定它正确执行字体,而不是使用回退字体吗?是的,它是Din字体本身正在加载ok。退路是Helvetica,两者之间有明显的区别。我的问题是我没有带着safari 6的mac电脑(只是我的客户)。已经用属性检查器查看了他的笔记本电脑,一切正常。您在Windows版本的Safari中使用了哪些字体平滑设置?