字體渲染safari 6

我在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的（閃光）被加載到導致此視頻引起的？

來源

2013-02-21 kevin

什麼字體平滑你的Windows版本的Safari瀏覽器的使用設置？ – NSGod 2013-02-22 03:24:40

看來，我已經找到了通過CSS修復許多搜索後：

html {-webkit-font-smoothing: antialiased}

來源

2013-04-03 13:06:18 kevin

你@字體面看起來不錯，看不出有任何理由爲什麼它會不會在版本顯示5.然而谷歌搜索的自定義字體的Safari 5的快速明顯有很多人正在對這個版本的Safari瀏覽器的呈現問題。

奇怪的是，很多人都報這個問題是由的Adobe Flash引起的複製，看看是否是這種問題是不字體的頁面加載前快速呈現的一種方式？由於人們在頁面完全加載之後才報告它，因此頁面上的快速刷新應該能夠複製以查看這是否是問題。

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

來源

2013-02-21 13:32:11

其實它只發生在Safari 6上，5是好的。是的，我沒有寫它，但我想閃存作爲問題的一個可能的來源，因爲我加載了幾個從vimeo的iframe顯示視頻。 – kevin 2013-02-21 13:47:42

我不熟悉safari，但我認爲它有某種螢火蟲？我會在幾個小時內看看你是否100％確定它正確執行字體並且不使用回退字體？ – 2013-02-21 13:50:12

是的，這是Din字體本身加載好。後備是Helvetica，兩者之間有明顯的區別。我的問題是，我沒有得到與我的safari 6（只是我的客戶端）的Mac。已經在財產檢查員的筆記本電腦上看了一眼，一切都很好。 – kevin 2013-02-21 13:54:34

從我的經驗，我使用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~

來源

2013-02-22 04:07:38 vivianalive

字體渲染safari 6

回答

相關問題