首頁  >  文章  >  web前端  >  CSS 中的字體大小真的是從上升到下降測量的嗎?

CSS 中的字體大小真的是從上升到下降測量的嗎?

Barbara Streisand
Barbara Streisand原創
2024-11-16 07:14:03538瀏覽

Does Font Size in CSS Really Measure From Ascenders to Descenders?

理解 CSS 中的字體大小測量:神話與現實

在 CSS 中,設定 font-size 屬性會引發對其實際高度的查詢。雖然傳統觀點認為它對應於從上升到下降的高度,但重要的是要更深入地研究這個主題。

歷史根源

最初,排版中的「em」單位表示區塊分配給雕刻每個大寫字母的尺寸,特別是 M。如今,數位字體沒有這樣的物理限制,允許字體設計者根據自己的需求設定em 尺寸

定義標準

在OpenType 字體中,em 大小通常為1000 個單位,而在TrueType 字型中,通常為1024 或2048。為了確保一致性,建議使用定義字體樣式EM 單位。這樣,font-size 指的是字體的 x 高度,代表基線和平均線之間的距離。

測量單位

各種單位用於測量字體大小:

  • 積分(ATA): 0.3514598毫米
  • 積分(ATA):
  • 0.3514598毫米
  • 點(PostScript):
  • 0.3527777778 mm
  • 像素(PX):
依螢幕解析度而變化

迷思與現實

則認為font-size 代表從上升部分到下降部分的高度的誤解並不普遍正確。這很大程度取決於字體開發人員的設計和瀏覽器的渲染能力。

例如,Apple 的 Zapfino腳本字體最初設計時使用了比預期更大的小寫字母,導致在給定點值下的明顯字體大小更大.

    其他資源
  • [國際印刷統一測量](https://archive.org/details/Internati onalUnificationOfTypographicMeasurements/page/n11/mode/2up)
  • [點(版式)](https://en.wikipedia.org/wiki/Point _(版式))
  • [每像素英吋](https://en.wikipedia.org/wiki/Pixels_per_inch)
  • [字型規格](https://en.wikipedia. org/wiki /Font_metrics)
[印刷單位](https://en.wikipedia.org/wiki/Typography_units)

實踐探索

要獲得第一手的見解,請考慮探索FontForge 或 Fontlab Studio 等字體開發工具。這些平台提供了對字體設計內部運作的訪問,讓您可以操作字體字形並了解它們的幾何形狀。

以上是CSS 中的字體大小真的是從上升到下降測量的嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn