網頁字型大小font-size設定其實不管用 @tonsky.me

banq發表於2021-03-31
網頁

這是一篇很棒的文章，如作者所述，字型大小和行距目前在作業系統之間不一致，在字型之間不一致，並且與其他UI元素不一致。
除了慣性和缺乏預見性之外，沒有其他任何理由。
作者提出的指定cap height的建議可能是唯一可行的解​​決方案：
  • 在定義cap height時，請清楚其他指令碼中的邏輯上明顯的等效形式，例如中文標誌高度
  • 以其他UI元素指定的單位指定cap height（作者指的是畫素pix）
  • 然後，也可以以任何單位UI元素中指定的單位精確地控制行高

最終結果：可消除各種作業系統之間的不一致性。文字無論在什麼地方都準確顯示了它的含義。

網頁字型大小font-size設定其實不管用 @tonsky.me
 
如何實現裡？
瀏覽器Html中應首先採用它，使用CSS的“ font-cap-size”屬性代替（並覆蓋）“ font-size”，以及使用“ cap-line-height”替代“line-height”。（對於大小單位，建議使用“ px”，不是"em，或最終基於根“ px”的“ rem”，切勿使用“ pt”。）
然後，作業系統可以類似地使用基於 cap height的新功能呼叫/引數進行遷移，並且還可以嘗試優先使用其餘介面中使用的邏輯“ px”大小，逐步淘汰“ pt”大小。
這真的是一種方法。希望瀏覽器和W3C可以考慮這樣的事情。大概要等到數十年以後。
原文點選標題
 

相關文章