這是字體的效果在鍍鉻:火狐不渲染打開三世,無襯線,字體大小:11正常
通知在Firefox字母之間的奇怪間距?儘管如此,Chrome仍然可以。
- 更改字體大小解決問題
- 更改字體重量修復該問題
我怎樣才能使火狐通過改變源代碼正確渲染字體:我觀察到
出頭(不是通過更改操作系統設置或Firefox瀏覽器設置)?
這是字體的效果在鍍鉻:火狐不渲染打開三世,無襯線,字體大小:11正常
通知在Firefox字母之間的奇怪間距?儘管如此,Chrome仍然可以。
我怎樣才能使火狐通過改變源代碼正確渲染字體:我觀察到
出頭(不是通過更改操作系統設置或Firefox瀏覽器設置)?
如果你是唯一一個遇到此問題:
如果這實際上是瀏覽器相關的,你可能要檢查到的字體平滑的神奇世界。 (這不是神奇的,但是一個噩夢,但我們會做到這一點)。
所以我讀過這個主題中的所有選項,看來你的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;
}
你能告訴這是否正常工作?現在我也很好奇。
骯髒的方法:檢測FF的useragent,添加一個類,添加一些字體大小或字體重量,刪除這個類準備好文檔與Javascript。這會強制FF重新繪製字體。 – Demnogonis
甚至Mozilla本身也認爲開始嗅探用戶代理是個壞主意。 https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent – Roberrrt
文字是否「合理」?如果是這樣,我們可以看到Chrome和FF如何處理該字母間距。無論哪種方式,如果添加'letter-spacing:normal'會發生什麼?那麼'letter-spacing:0'呢? – henry