2016-09-06 61 views
0

這是字體的效果在鍍鉻:chrome火狐不渲染打開三世,無襯線,字體大小:11正常

這是火狐瀏覽器:ff

通知在Firefox字母之間的奇怪間距?儘管如此,Chrome仍然可以。

  • 更改字體大小解決問題
  • 更改字體重量修復該問題

我怎樣才能使火狐通過改變源代碼正確渲染字體:我觀察到

出頭(不是通過更改操作系統設置或Firefox瀏覽器設置)?

+0

骯髒的方法:檢測FF的useragent,添加一個類,添加一些字體大小或字體重量,刪除這個類準備好文檔與Javascript。這會強制FF重新繪製字體。 – Demnogonis

+0

甚至Mozilla本身也認爲開始嗅探用戶代理是個壞主意。 https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent – Roberrrt

+0

文字是否「合理」?如果是這樣,我們可以看到Chrome和FF如何處理該字母間距。無論哪種方式,如果添加'letter-spacing:normal'會發生什麼?那麼'letter-spacing:0'呢? – henry

回答

0

如果你是唯一一個遇到此問題:

如果這實際上是瀏覽器相關的,你可能要檢查到的字體平滑的神奇世界。 (這不是神奇的,但是一個噩夢,但我們會做到這一點)。

所以我讀過這個主題中的所有選項,看來你的CSS應該包含以下規則: Webfont Smoothing and Antialiasing in Firefox and Opera

.font-smoothing { 
    font-smoothing: antialiased; 
    text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

你能告訴這是否正常工作?現在我也很好奇。

+1

當然。儘快地。 – pkyo

+0

不,它沒有工作。 :( – pkyo

+0

都不是解決方案嗎?你可以創建一個jsfiddle這個問題讓我來檢查它嗎? – Roberrrt