與Helvetica Neue字體垂直取向問題

這是一個微小但持續性的煩惱與Helvetica Neue字體（未發生W¯¯宋體）與Helvetica Neue字體垂直取向問題

文字是完全垂直對齊會略微向下移動時，文中的任何一部分被加粗。雖然這是一個小小的轉變，但當並排混合粗體和非粗體文本元素時，它會毀掉對齊。例如

參見http://jsfiddle.net/ZZ3m6/7/。

即使在明確設定線高時，也會發生移位。我怎樣才能阻止呢？

enter image description here

來源

2012-07-23 Yarin

Helvetica Neue對於網絡來說是個不錯的選擇，我發現了。我們已經擁有了從字體大小問題到回退問題（在Windows上）等不一致的行高。 – 2012-07-23 18:25:55

我的經驗是不是即使Helvetica Neue字體打擾。無論如何，Mac預裝了Helvetica，並沒有Helvetica Neue帶有粗體文本的抵消問題。

編輯：這是一個已經可以用來解決這個問題的一些CSS兩輪牛車一個相關的問題：Helvetica Neue baseline rendering problem with Firefox/Mac

來源

2012-07-23 18:38:10

本 - 感謝您的鏈接/建議 - 直到您和羅伯特提到它不知道Helvetica Neue有問題。我切換到font-family：sans-serif，並且立即所有的垂直對齊問題都在chrome/safari中消失了，不過現在所有東西都在Firefox中向上移動......：S – Yarin 2012-07-23 19:35:36

更多關於H Neue問題：http：//angelobeltran.com/博客/文章/黑體 - 抵達Neue最醜陋的真理/ – Yarin 2012-07-24 10:28:04

原來這裏的問題是固定在Chrome的更新版本。當設置爲vertical-align: top時，表格仍然可能造成問題：http://jsfiddle.net/nwXHG/

解決方案：更改爲vertical-align: middle。

來源

2013-05-08 19:47:58 sandinmyjoints

與Helvetica Neue字體垂直取向問題

回答

相關問題