字體單位換算公式
網頁與印刷設計中使用多種字體單位，各有適用場合：
px（像素） — 螢幕基本單位，在標準 96 DPI 顯示器上 1px = 0.2646mm
pt（點） — 印刷標準單位，1pt = 1/72 英吋 ≈ 0.353mm
- 換算：pt = px × 0.75（以標準 96DPI 計算）
em — 相對父元素字體大小，em = px ÷ 父元素px
rem — 相對根元素（html）字體大小，rem = px ÷ 根字體px
mm/cm — 物理單位，用於印刷設計，mm = px × 25.4 ÷ DPI
常見字體大小對照表
| 用途 | px | pt | rem（16px基準） |
|---|---|---|---|
| 超小字（法律聲明） | 10px | 7.5pt | 0.625rem |
| 次要文字 | 12px | 9pt | 0.75rem |
| 標準正文 | 16px | 12pt | 1rem |
| 較大正文 | 18px | 13.5pt | 1.125rem |
| 小標題 H3 | 20px | 15pt | 1.25rem |
| 標題 H2 | 24px | 18pt | 1.5rem |
| 主標題 H1 | 32px | 24pt | 2rem |
DPI 與實際物理大小的關係
同樣的 16px 在不同設備上的物理大小不同：
- 一般電腦螢幕（96 DPI）：16px ≈ 4.23mm
- Retina MacBook（220 DPI）：16px ≈ 1.85mm（但 CSS px 是邏輯像素，顯示大小相同）
- 手機（300–500 DPI）：使用裝置像素比（DPR）縮放，CSS px 仍一致
CSS 的 px 是「CSS 像素」（邏輯像素），不是物理像素。在高 DPI 裝置上，1 CSS px 可能對應 2 或 3 個物理像素。
無障礙設計建議
- 正文字體至少 16px（不小於 14px）
- 避免使用 px 固定字體大小，讓使用者可用瀏覽器縮放
- 行高（line-height）建議 1.5–1.8 倍字體大小
- 台灣政府網站無障礙規範（WCAG 2.1 AA）要求文字可縮放至 200% 仍可閱讀
本計算機以標準 96 DPI 計算 px 與 pt 的換算關係；印刷設計請以目標媒介的實際 DPI 計算。