Chrome中的Arial Narrow字體問題

Question

我在使用Arial Narrow時遇到字體問題。由於這個項目，我必須使用Arial Narrow。

我唯一的問題是，字體在Chrome瀏覽器中的顯示效果與在Firefox或Safari瀏覽器中看起來不一樣。

任何人都可以幫我解決這個問題嗎？或者它只是瀏覽器呈現字體的方式，而我無能爲力？

火狐或Safari

鉻

.content { font-family: 'Arial Narrow', Arial, sans-serif; font-size:13px; } 

jsfiddle to see what I see.

Answer 1

不要自己驅動堅果。現在就說服自己，這永遠不會是完美的。不同瀏覽器之間的差異並不一樣，在不同操作系統上的相同瀏覽器上也不一定相同（例如，Windows 7上的Firefox與Windows 8上的Firefox，Ubuntu上的Firefox，Mac上的Firefox，Firefox上的Firefox Android的）。最終用戶很快就會注意到這樣的東西......他們需要教育，這是他們大多數人的頭腦。

字體選擇總是受瀏覽器以及操作系統中的底層字體引擎的支配。除非你以某種方式渲染字體並將矢量或位圖圖形插入瀏覽器，否則實際上並沒有乾淨的方法。

對於您的單線難題，請考慮使用CSS的省略號功能。

http://quirksmode.org/css/user-interface/textoverflow.html

Answer 2

我唯一的問題是，字體看起來不一樣的鍍鉻作爲它在火狐瀏覽器或Safari瀏覽器中是如何工作的？

這就是網絡。

認爲你自己是建議印刷術的人 - 但不是口授它。您建議某個字體以特定大小使用。

除此之外，雖然，還有其它因素在發揮...

• 請問這個特定瀏覽器渲染字體？
• 這個特定的OS如何渲染字體？
• 它遵從字距對嗎？
• 它實現字體平滑？
• 它是如何實現字體平滑的？
• 什麼是瀏覽器的默認尺寸？
• 用戶是否更改了默認大小？
• 用戶放大了嗎？
• 或縮小？
• 或調整瀏覽器大小？
• 或在其他設備上打開？
• 等

或者只是瀏覽器呈現的字體並沒有什麼我可以做的呢？

呃......你可能可以做些事情......也許運行javascript來測量行寬，然後重新計算字體大小來調整寬度或字母間距，但最後，這一切都會成爲很多額外的代碼，可能會或可能不會實際「修補」任何東西，可能會讓事情變得更糟，並且真正打擊網絡上類型的工作性質。