行高與字型的關係

輕語發表於2018-01-30

line-height

字型相關

行高與字型的關係

  • 圖⑯字型升部
  • 圖⑮字型降部
  • 圖④字型基線
  • 圖⑬字型的EM(沒找到確切的翻譯,指的就是字型空間容器的高度)

css字型的行高

字型的預設line-height是normal,這個值是相對於字型的 字型的預設行高是由字型的屬性決定的,預設行高=字型的升部+降部/EM Square,例如微軟雅黑字型的行高:(2167+536)/2048 ≈ 1.32

line-height的繼承

  • 數值(正數):繼承比例
  • 固定大小(px等):繼承固定值大小
  • 百分比:繼承父級計算後的固定值
  • 相對大小(em,ex等):繼承父級計算後的固定值

相關資源

相關文章