字号 word point pixel (96dpi) 毫米
初号 42pt 56px 14.82mm
小初 36pt 48px 12.70mm
一号 26pt 34.7px 9.17mm
小一 24pt 32px 8.47mm
二号 22pt 29.3px 7.76mm
小二 18pt 24px 6.35mm
三号 16pt 21.3px 5.64mm
小三 15pt 20px 5.29mm
四号 14pt 18.7px 4.94mm
小四 12pt 16px 4.23mm
五号 10.5pt 14px 3.70mm
小五 9pt 12px 3.18mm
六号 7.5pt 10px 2.56mm
小六 6.5pt 8.7px 2.29mm
七号 5.5pt 7.3px 1.94mm
八号 5pt 6.7px 1.76mm

1. 概念辨析

  • pt (point):
    • 印刷制品 1pt = 1inche/72 = 127/360 mm
    • ios 系统 1pt = 1inche/1631
  • px (pixel): 1px = 1pt * DPI / 72
  • dp/sp : 1px = 1dp/sp * DPI / 160
    • sp 常用于字体,可以调整初始值,手机里的字号就是调整 sp 的初始值
  • 在 OOXML 中,默认单位是 dxa,是 point 的 20 倍,也被称为二十分之一点2
  • PPI (Pixels Per Inch) 每英寸像素
  • DPI (Dots Per Inch) 每英寸点数,常用于打印
    • 打印时,DPI 需要大于 PPI
    • 此处的点数不是字号中的点数,而是打印机的输出点数
    • 如果都是在显示器上,DPI PPI 可以混用
  • word point : word 中,point 必须是 0.5pt 的倍数,所以部分字号如 七号,原本应该为 5.25pt,但在 word point 中定为 5.5pt3

2. 疑点解析

印刷制品和 ios 系统中的 pt 是不同的概念。

1pt(print) 是 英寸的 72 分之一,是个固定值;1dp/1sp/1pt(ios) 是虚拟像素单位4,也是固定值。

1px 是个相对值,会随着 dpi 的变化而变化,即不同的设备,即使 px 相同,显示大小也存在差异

为了便于开发者适配不同的屏幕,同时为了给不同的使用者更佳的体验,不同的系统采用了不同的策略,如 Windows 可以 自定义屏幕缩放,Android 使用 dp 和 sp 定义尺寸4 所以创作者可以使用常见的字号,不必为了不同的设备而大幅调整字号。

市面上常用的 px 字体大小,大多使用 96dpi,暂时也没有找到可靠的源头,唯一的线索是 word 中有一个 96dpi 的选项

word 96dpi

3. 扩展资料

  1. 模板:印刷术语 - 维基百科,自由的百科全书: https://zh.wikipedia.org/zh-cn/Template:印刷术语
  2. 字号 (印刷) - 维基百科,自由的百科全书: https://zh.wikipedia.org/zh-cn/字号_(印刷)
  3. 像素 - 维基百科,自由的百科全书: https://zh.wikipedia.org/zh-cn/像素
  4. [译]Points、inches和EMUs:Office Open XML中的度量单位 - 知乎: https://zhuanlan.zhihu.com/p/78307080
  5. ISO - ISO/IEC 29500-1:2016: https://www.iso.org/standard/71691.html
  6. ECMA-376 - Ecma International: https://www.ecma-international.org/publications-and-standards/standards/ecma-376/
  7. Word排版之字体字号规范 - 豆奶特: https://www.dounaite.com/article/62d50765f4ab41be48840158.html

这篇文章来源于一个很简单的片段。今天在电脑上编辑 word 文档,采用常规的四号字体,但在手机上浏览时,发现字号太大了。就想到了,公众号编辑时,常推荐的 14px,就开始探索 word point 和 px 这些单位之间的关系。

理了一下午,感觉这方面的资料并不太多,维基上介绍也很少,而且还有些显而易见的错误,所以也只能尽可能的汇总,有些地方可能无法严谨的考据,还望大家见谅,希望可以给大家带来些帮助。

因为最初的目的是 word 文档在电脑和手机上的跨端浏览,所以关于 dp sp 的概念没有深入讨论。(TODO 立个小小的 flag 之后客户端开发的时候,详细介绍一下 dp sp pt)同时如果收集到更多关于排版印刷中字体字号相关的资料,我会在这篇文章中继续补充。如果大家有相关的经验或知识,欢迎分享吖!



  1. 徹底理解 UI 及 Web 的尺寸單位:基本觀念. iOS 的 pt、CSS 的 pt、Android 的… | by Taylor | UXabc | Medium: https://medium.com/uxabc/understanding-ui-units-8acdc0575388 ↩︎

  2. Office Open XML 的测量单位: https://blog.lindexi.com/post/Office-Open-XML-的测量单位.html ↩︎

  3. 点 (印刷) - 维基百科,自由的百科全书: https://zh.wikipedia.org/zh-cn/點_(印刷) ↩︎

  4. 支持不同的像素密度 | Android 开发者 | Android Developers: https://developer.android.com/training/multiscreen/screendensities?hl=zh-cn ↩︎ ↩︎

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐