2013-02-21 125 views
1

我在this site上使用DINNextLTPro-Medium字体,并注意到Safari 6在Chrome 6(mac)与世界其他地方(Safari 5 mac/win,Chrome win,Firefox赢,歌剧赢...)。字体渲染safari 6

下面是在Mac上发生的事情的Safari 6:

enter image description here

而在Safari 5胜:

enter image description here

下面是我的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的(闪光)被加载到导致此视频引起的?

+0

什么字体平滑你的Windows版本的Safari浏览器的使用设置? – NSGod 2013-02-22 03:24:40

回答

0

看来,我已经找到了通过CSS修复许多搜索后:

html {-webkit-font-smoothing: antialiased}

0

你@字体面看起来不错,看不出有任何理由为什么它会不会在版本显示5.然而谷歌搜索的自定义字体的Safari 5的快速明显有很多人正在对这个版本的Safari浏览器的呈现问题。

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

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

+0

其实它只发生在Safari 6上,5是好的。是的,我没有写它,但我想闪存作为问题的一个可能的来源,因为我加载了几个从vimeo的iframe显示视频。 – kevin 2013-02-21 13:47:42

+0

我不熟悉safari,但我认为它有某种萤火虫?我会在几个小时内看看你是否100%确定它正确执行字体并且不使用回退字体? – 2013-02-21 13:50:12

+0

是的,这是Din字体本身加载好。后备是Helvetica,两者之间有明显的区别。我的问题是,我没有得到与我的safari 6(只是我的客户端)的Mac。已经在财产检查员的笔记本电脑上看了一眼,一切都很好。 – kevin 2013-02-21 13:54:34

0

从我的经验,我使用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的亮度高于 - 诠释2

有关的差异更多信息,请阅读本~article~