字体排印转换器
从古腾堡到视网膜:掌握排版单位
排版单位构成了印刷、网页和移动平台设计的基础。从1700年代建立的传统点系统到现代基于像素的测量,理解这些单位对于设计师、开发人员和任何处理文本的人都至关重要。这份全面的指南涵盖了22种以上的排版单位、它们的历史背景、实际应用以及专业工作的转换技巧。
基本概念:理解排版测量
点(pt)
排版的绝对单位,标准化为1/72英寸
点用于测量字体大小、行间距(leading)和其他排版尺寸。12pt的字体意味着从最低的下伸部到最高的上伸部的距离是12点(1/6英寸或4.23毫米)。点系统提供与设备无关的测量,可在不同媒体上一致转换。
例如:12pt Times New Roman = 0.1667英寸高 = 4.23毫米。专业正文文本通常使用10-12pt,标题使用18-72pt。
像素(px)
代表屏幕或图像上单个点的数字单位
像素是与设备相关的单位,根据屏幕密度(DPI/PPI)而变化。相同数量的像素在低分辨率显示器(72 PPI)上显得更大,在高分辨率视网膜显示器(220+ PPI)上显得更小。理解DPI/PPI关系对于跨设备保持一致的排版至关重要。
例如:96 DPI下的16px = 12pt。同样的16px在300 DPI(印刷)下 = 3.84pt。转换像素时请务必指定目标DPI。
派卡(pc)
等于12点或1/6英寸的传统排版单位
派卡用于测量传统印刷设计中的栏宽、边距和页面布局尺寸。像InDesign和QuarkXPress这样的桌面出版软件使用派卡作为默认测量单位。一派卡正好等于12点,这使得转换非常简单。
例如:标准报纸栏宽可能为15派卡(2.5英寸或180点)。杂志布局通常使用30-40派卡的尺寸。
- 1点(pt)= 1/72英寸 = 0.3528毫米 — 绝对物理测量
- 1派卡(pc)= 12点 = 1/6英寸 — 布局和栏宽标准
- 像素是设备相关的:96 DPI(Windows)、72 DPI(旧版Mac)、300 DPI(印刷)
- PostScript点(1984年)统一了几个世纪以来不兼容的排版系统
- 数字排版使用点进行设计,使用像素进行实现
- DPI/PPI决定像素到点的转换:DPI越高 = 物理尺寸越小
快速转换示例
排版测量的演变
中世纪和近代早期(1450-1737)
1450–1737
活字印刷的诞生催生了对标准化测量的需求,但区域性系统在几个世纪里一直不兼容。
- 1450年:古腾堡的印刷机催生了对标准化字体大小的需求
- 1500年代:字体大小以《圣经》版本命名(西塞罗、奥古斯丁等)
- 1600年代:欧洲每个地区都发展出自己的点系统
- 1690年代:法国排版师富尼耶提出12分制系统
- 早期系统:极不一致,各地区之间相差0.01-0.02毫米
迪多系统(1737-1886)
1737–1886
法国印刷商弗朗索瓦-安布鲁瓦兹·迪多创建了第一个真正的标准,被整个欧洲大陆采用,至今仍在法国和德国使用。
- 1737年:富尼耶提出基于法国皇家英寸的点系统
- 1770年:弗朗索瓦-安布鲁瓦兹·迪多完善了该系统 — 1迪多点 = 0.376毫米
- 1785年:西塞罗(12迪多点)成为标准尺寸
- 1800年代:迪多系统主导了欧洲大陆的印刷业
- 现代:仍在法国、德国、比利时用于传统印刷
英美系统(1886-1984)
1886–1984
美国和英国的印刷商标准化了派卡系统,将1点定义为0.013837英寸(1/72.27英寸),主导了英语排版。
- 1886年:美国字体铸造公司建立派卡系统:1 pt = 0.013837英寸
- 1898年:英国采用美国标准,创建了英美统一体
- 1930-1970年代:派卡系统主导了所有英语印刷
- 差异:英美点(0.351毫米)与迪多点(0.376毫米)相比 — 大7%
- 影响:与欧洲市场相比,美国/英国市场需要单独的字体铸造
PostScript革命(1984年至今)
1984–至今
Adobe的PostScript标准通过将1点定义为精确的1/72英寸,统一了全球排版,结束了几个世纪的不兼容,并实现了数字排版。
- 1984年:Adobe PostScript定义1 pt = 精确的1/72英寸(0.3528毫米)
- 1985年:苹果LaserWriter使PostScript成为桌面出版的标准
- 1990年代:PostScript点成为全球标准,取代了区域性系统
- 2000年代:TrueType、OpenType采用PostScript测量
- 现代:PostScript点是所有数字设计的通用标准
传统排版系统
在1984年PostScript统一测量之前,区域性排版系统并存,每个系统都有独特的点定义。这些系统对于历史印刷和专业应用仍然很重要。
迪多系统(法国/欧洲)
由弗朗索瓦-安布鲁瓦兹·迪多于1770年建立
欧洲大陆的标准,至今仍在法国、德国和东欧部分地区用于传统印刷。
- 1迪多点 = 0.376毫米(与PostScript的0.353毫米相比) — 大6.5%
- 1西塞罗 = 12迪多点 = 4.51毫米(与派卡相当)
- 基于法国皇家英寸(27.07毫米),提供了类似公制的简单性
- 在欧洲艺术书籍和古典印刷中仍然是首选
- 现代用途:法国国家印刷局,德国Fraktur排版
TeX系统(学术)
由唐纳德·克努特于1978年为计算机排版创建
数学和科学出版的学术标准,为精确的数字排版而优化。
- 1 TeX点 = 1/72.27英寸 = 0.351毫米(与旧的英美点相同)
- 为保持与前数字时代学术出版物的兼容性而选择
- 1 TeX派卡 = 12 TeX点(比PostScript派卡略小)
- 由主导科学出版系统的LaTeX使用
- 关键用途:学术论文、数学文本、物理学期刊
Twip(计算机系统)
Microsoft Word和Windows排版
文字处理器的内部测量单位,为数字文档布局提供精细控制。
- 1 twip = 1/20点 = 1/1440英寸 = 0.0176毫米
- 名称:“点的二十分之一” — 极其精确的测量
- 内部使用:Microsoft Word、Excel、PowerPoint、Windows GDI
- 允许无浮点运算的分数点大小
- 20 twip = 1点,为专业排版提供0.05pt的精度
美国印刷工点
1886年美国字体铸造公司标准
英语印刷的前数字时代标准,与PostScript略有不同。
- 1印刷工点 = 0.013837英寸 = 0.351毫米
- 等于1/72.27英寸(与PostScript的1/72相比) — 小0.4%
- 派卡 = 0.166英寸(与PostScript的0.16667相比) — 几乎察觉不到的差异
- 在PostScript统一之前主导了1886-1984年
- 遗留影响:一些传统印刷厂仍在使用此系统
常见排版尺寸
| 用途 | 点 | 像素(96 DPI) | 备注 |
|---|---|---|---|
| 小字体/脚注 | 8-9 pt | 11-12 px | 最低可读性 |
| 正文文本(印刷) | 10-12 pt | 13-16 px | 书籍、杂志 |
| 正文文本(网页) | 12 pt | 16 px | 浏览器默认 |
| 副标题 | 14-18 pt | 19-24 px | 章节标题 |
| 标题(H2-H3) | 18-24 pt | 24-32 px | 文章标题 |
| 主标题(H1) | 28-48 pt | 37-64 px | 页面/海报标题 |
| 展示字体 | 60-144 pt | 80-192 px | 海报、广告牌 |
| 最小触摸目标 | 33 pt | 44 px | iOS可访问性 |
| 标准栏宽 | 180 pt (15 pc) | 240 px | 报纸 |
| 标准行距 | 14.4 pt(对于12pt文本) | 19.2 px | 120%行距 |
有趣的排版事实
“字体”的起源
“字体”一词源于法语“fonte”,意为“铸造”或“熔化”——指传统活字印刷中将熔化的金属倒入模具中以制造单个金属活字。
为什么是72点?
PostScript选择每英寸72点,因为72可以被2、3、4、6、8、9、12、18、24和36整除,这使得计算更加容易。它也与传统的派卡系统(72.27点/英寸)非常接近。
最昂贵的字体
Bauer Bodoni完整家族售价为89,900美元,是有史以来最昂贵的商业字体之一。其设计需要数年时间才能从1920年代的原始金属活字样本中数字化。
Comic Sans心理学
尽管设计师们讨厌它,但Comic Sans因其不规则的字母形状可防止字符混淆,从而使阅读障碍者的阅读速度提高10-15%。它实际上是一种有价值的可访问性工具。
通用符号
“@”符号在不同语言中有不同的名称:“蜗牛”(意大利语)、“猴子尾巴”(荷兰语)、“小老鼠”(中文)和“卷腌鲱鱼”(捷克语)——但它是同一个24pt字符。
Mac选择72 DPI的原因
苹果为原始Mac选择了72 DPI,以使其与PostScript点完全匹配(1像素 = 1点),从而在1984年首次实现了所见即所得的桌面出版。这彻底改变了平面设计。
排版演变时间线
1450
古腾堡发明活字印刷术—首次需要字体测量标准
1737
弗朗索瓦-安布鲁瓦兹·迪多创建迪多点系统(0.376毫米)
1886
美国字体铸造公司标准化派卡系统(1 pt = 1/72.27英寸)
1978
唐纳德·克努特为学术排版创建TeX点系统
1984
Adobe PostScript定义1 pt = 精确的1/72英寸—全球统一
1985
苹果LaserWriter将PostScript引入桌面出版
1991
TrueType字体格式标准化数字排版
1996
CSS引入基于像素测量的网页排版
2007
iPhone引入@2x视网膜显示屏—密度无关设计
2008
Android推出dp(密度无关像素)
2010
网页字体(WOFF)实现在线自定义排版
2014
可变字体规范—单个文件,无限样式
数字排版:屏幕、DPI和平台差异
数字排版引入了设备相关的测量,其中相同的数值会根据屏幕密度产生不同的物理尺寸。理解平台惯例对于一致的设计至关重要。
Windows(96 DPI标准)
96 DPI(每英寸96像素)
微软在Windows 95中将96 DPI标准化,在像素和点之间建立了4:3的比例。这仍然是大多数PC显示器的默认设置。
- 96 DPI下的1 px = 0.75 pt(4像素 = 3点)
- 16px = 12pt — 常见的正文文本尺寸转换
- 历史:被选为原始64 DPI CGA标准的1.5倍
- 现代:高DPI显示器使用125%、150%、200%的缩放比例(120、144、192 DPI)
- Web默认:CSS假定所有px到物理单位的转换都使用96 DPI
macOS(72 DPI传统,220 PPI视网膜)
72 DPI(传统),220 PPI(@2x视网膜)
苹果最初的72 DPI与PostScript点1:1匹配。现代视网膜显示器使用@2x/@3x缩放以实现清晰的渲染。
- 传统:72 DPI下的1 px = 正好1 pt(完美对应)
- 视网膜@2x:每点2个物理像素,有效220 PPI
- 视网膜@3x:每点3个物理像素,330 PPI(iPhone)
- 优点:点大小在屏幕和打印预览中保持一致
- 现实:物理视网膜是220 PPI,但缩放后看起来像110 PPI(2×)
Android(160 DPI基线)
160 DPI(密度无关像素)
Android的dp(密度无关像素)系统以160 DPI为基线进行标准化,并为不同屏幕设置了密度等级。
- 160 DPI下的1 dp = 0.45 pt(160像素/英寸 ÷ 72点/英寸)
- 密度等级:ldpi(120)、mdpi(160)、hdpi(240)、xhdpi(320)、xxhdpi(480)
- 公式:物理像素 = dp ×(屏幕DPI / 160)
- 16sp(缩放无关像素)= 推荐的最小文本尺寸
- 优点:相同的dp值在所有Android设备上物理上看起来都相同
iOS(72 DPI @1x,144+ DPI @2x/@3x)
72 DPI(@1x),144 DPI(@2x),216 DPI(@3x)
iOS使用点作为与PostScript点相同的逻辑单位,物理像素数取决于屏幕代数(非视网膜@1x、视网膜@2x、超视网膜@3x)。
- 1个iOS点@1x = 1.0 pt PostScript(72 DPI基线,与PostScript相同)
- 视网膜@2x:每个iOS点2个物理像素(144 DPI)
- 超视网膜@3x:每个iOS点3个物理像素(216 DPI)
- 所有iOS设计都使用点;系统自动处理像素密度
- 17pt = 推荐的最小正文文本尺寸(可访问性)
DPI与PPI:理解屏幕和打印密度
DPI(每英寸点数)
打印机分辨率 — 一英寸内能容纳多少个墨点
DPI衡量打印机的输出分辨率。更高的DPI通过每英寸放置更多的墨点来产生更平滑的文本和图像。
- 300 DPI:专业打印的标准(杂志、书籍)
- 600 DPI:高质量激光打印(商业文件)
- 1200-2400 DPI:专业照片打印和美术复制
- 72 DPI:仅用于屏幕预览 — 不适用于打印(看起来有锯齿)
- 150 DPI:草稿打印或大幅面海报(从远处观看)
PPI(每英寸像素数)
屏幕分辨率 — 一英寸显示屏内能容纳多少个像素
PPI衡量显示密度。更高的PPI通过在相同的物理空间内封装更多的像素来创建更清晰的屏幕文本。
- 72 PPI:原始Mac显示器(1像素 = 1点)
- 96 PPI:标准Windows显示器(每点1.33像素)
- 110-120 PPI:经济型笔记本/台式机显示器
- 220 PPI:MacBook Retina、iPad Pro(2倍像素密度)
- 326-458 PPI:iPhone Retina/超视网膜(3倍像素密度)
- 400-600 PPI:高端Android手机(三星、谷歌Pixel)
DPI和PPI经常可以互换使用,但它们衡量的是不同的东西。DPI用于打印机(墨点),PPI用于屏幕(发光像素)。在设计时,请务必指定:“96 PPI的屏幕”或“300 DPI的打印” — 绝不能只说“DPI”,因为这很含糊。
实际应用:选择正确的单位
印刷设计
印刷使用绝对单位(点、派卡),因为物理输出尺寸必须精确且与设备无关。
- 正文文本:书籍为10-12pt,杂志为9-11pt
- 标题:根据层级和格式为18-72pt
- 行距:字体大小的120%(12pt文本 = 14.4pt行距)
- 以派卡为单位测量绝对尺寸:“栏宽:25派卡”
- 始终以300 DPI进行专业打印设计
- 切勿将像素用于印刷 — 将其转换为点/派卡/英寸
网页设计
网页排版使用像素和相对单位,因为屏幕尺寸和密度各不相同。
- 正文文本:默认16px(浏览器标准)= 96 DPI下的12pt
- 切勿在CSS中使用绝对点大小 — 浏览器呈现效果不可预测
- 响应式设计:使用rem(相对于根字体)以实现可伸缩性
- 最小文本:正文为14px,说明文字为12px(可访问性)
- 行高:1.5(无单位)以保证正文文本的可读性
- 媒体查询:针对320px(移动设备)到1920px+(桌面设备)进行设计
移动应用
移动平台使用密度无关单位(dp/pt)来确保在不同屏幕密度下物理尺寸的一致性。
- iOS:以点(pt)为单位进行设计,系统会自动缩放至@2x/@3x
- Android:布局使用dp(密度无关像素),文本使用sp
- 最小触摸目标:44pt(iOS)或48dp(Android)以保证可访问性
- 正文文本:最低16sp(Android)或17pt(iOS)
- 切勿使用物理像素 — 始终使用逻辑单位(dp/pt)
- 在多种密度下进行测试:mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi
学术与科学
学术出版使用TeX点以获得数学精度和与现有文献的兼容性。
- LaTeX使用TeX点(每英寸72.27点)以实现旧版兼容性
- 标准期刊:10pt Computer Modern字体
- 双栏格式:3.33英寸(240pt)宽的栏,间距为0.25英寸(18pt)
- 方程式:精确的点大小对于数学符号至关重要
- 仔细转换:1 TeX pt = 0.9963 PostScript pt
- PDF输出:TeX自动处理点系统转换
常见转换和计算
日常排版转换的快速参考:
基本转换
| 从 | 到 | 公式 | 示例 |
|---|---|---|---|
| 点 | 英寸 | pt ÷ 72 | 72pt = 1英寸 |
| 点 | 毫米 | pt × 0.3528 | 12pt = 4.23毫米 |
| 点 | 派卡 | pt ÷ 12 | 72pt = 6派卡 |
| 像素(96 DPI) | 点 | px × 0.75 | 16px = 12pt |
| 像素(72 DPI) | 点 | px × 1 | 12px = 12pt |
| 派卡 | 英寸 | pc ÷ 6 | 6pc = 1英寸 |
| 英寸 | 点 | in × 72 | 2in = 144pt |
| Android dp | 点 | dp × 0.45 | 32dp = 14.4pt |
完整的单位转换参考
所有具有精确转换因子的排版单位。基本单位:PostScript点(pt)
绝对(物理)单位
Base Unit: PostScript点(pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| 点(pt) | × 1 | ÷ 72 | 72 pt = 1英寸 |
| 派卡(pc) | × 12 | ÷ 6 | 6 pc = 1英寸 = 72 pt |
| 英寸(in) | × 72 | × 1 | 1 in = 72 pt = 6 pc |
| 毫米(mm) | × 2.8346 | ÷ 25.4 | 25.4 mm = 1 in = 72 pt |
| 厘米(cm) | × 28.346 | ÷ 2.54 | 2.54 cm = 1 in |
| 迪多点 | × 1.07 | ÷ 67.6 | 67.6 Didot = 1 in |
| 西塞罗 | × 12.84 | ÷ 5.6 | 1西塞罗 = 12迪多 |
| TeX点 | × 0.9963 | ÷ 72.27 | 72.27 TeX pt = 1 in |
屏幕/数字单位(DPI相关)
这些转换取决于屏幕的DPI(每英寸点数)。默认假设:96 DPI(Windows)、72 DPI(旧版Mac)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| 像素 @ 96 DPI | × 0.75 | pt = px × 72/96 | 16 px = 12 pt |
| 像素 @ 72 DPI | × 1 | pt = px × 72/72 | 12 px = 12 pt |
| 像素 @ 300 DPI | × 0.24 | pt = px × 72/300 | 300 px = 72 pt = 1 in |
移动平台单位
特定于平台的逻辑单位,可随设备密度缩放
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| Android dp | × 0.45 | pt ≈ dp × 72/160 | 32 dp ≈ 14.4 pt | |
| iOS pt(@1x) | × 1.0 | PostScript pt = iOS pt(相同) | 17 iOS pt = 17 PostScript pt | |
| iOS pt(@2x视网膜) | 每个iOS pt 2个物理像素 | 2倍像素 | 1个iOS pt = 2个屏幕像素 | |
| iOS pt(@3x) | 每个iOS pt 3个物理像素 | 3倍像素 | 1个iOS pt = 3个屏幕像素 |
遗留和专业单位
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Twip(1/20 pt) | ÷ 20 | pt = twip / 20 | 1440 twip = 72 pt = 1 in |
| Q(1/4毫米) | × 0.7087 | pt = Q × 0.25 × 2.8346 | 4 Q = 1 mm |
| PostScript大点 | × 1.00375 | 正好1/72英寸 | 72 bp = 1.0027 in |
基本计算
| Calculation | Formula | Example |
|---|---|---|
| DPI到点转换 | pt = (px × 72) / DPI | 16px @ 96 DPI = (16×72)/96 = 12 pt |
| 从点计算物理尺寸 | 英寸 = pt / 72 | 144 pt = 144/72 = 2英寸 |
| 行距 | 行距 = 字体大小 × 1.2至1.45 | 12pt字体 → 14.4-17.4pt行距 |
| 打印分辨率 | 所需像素 =(英寸 × DPI)宽度和高度 | 8×10英寸 @ 300 DPI = 2400×3000 px |
排版最佳实践
印刷设计
- 始终以点或派卡为单位工作 — 绝不使用像素进行印刷
- 从一开始就将文档设置为实际尺寸(300 DPI)
- 正文文本使用10-12pt;任何更小的字体都会降低可读性
- 为了舒适阅读,行距应为字体大小的120-145%
- 边距:装订和处理至少需要0.5英寸(36pt)
- 在发送给商业印刷商之前,请以实际尺寸进行试印
网页开发
- 使用rem设置字体大小 — 这允许用户在不破坏布局的情况下进行缩放
- 将根字体设置为16px(浏览器默认值) — 绝不能更小
- 使用无单位的行高值(1.5)而不是固定高度
- 切勿在CSS中使用绝对点大小 — 渲染效果不可预测
- 在真实设备上进行测试,而不仅仅是调整浏览器大小 — DPI很重要
- 最小字体大小:正文14px,说明文字12px,触摸目标44px
移动应用
- iOS:以@1x进行设计,自动导出@2x和@3x资源
- Android:以dp进行设计,在mdpi/hdpi/xhdpi/xxhdpi上进行测试
- 最小文本:17pt(iOS)或16sp(Android)以保证可访问性
- 触摸目标:最低44pt(iOS)或48dp(Android)
- 在物理设备上进行测试 — 模拟器无法显示真实密度
- 尽可能使用系统字体 — 它们已为平台优化
可访问性
- 最小正文文本:16px(网页),17pt(iOS),16sp(Android)
- 高对比度:正文文本为4.5:1,大文本(18pt+)为3:1
- 支持用户缩放:使用相对单位,而不是固定大小
- 行长:为获得最佳可读性,每行45-75个字符
- 行高:为阅读障碍者提供可访问性,至少为字体大小的1.5倍
- 使用屏幕阅读器和200%缩放进行测试
常见问题
为什么我的文本在Photoshop和Word中的大小不同?
Photoshop假定屏幕显示为72 PPI,而Word使用96 DPI(Windows)进行布局。Photoshop中的12pt字体在屏幕上看起来比Word中大33%,尽管两者打印出来的尺寸相同。将Photoshop设置为300 PPI以进行打印工作,以查看准确的尺寸。
我应该用点还是像素来设计网页?
网页设计始终使用像素(或rem/em等相对单位)。点是绝对的物理单位,在不同的浏览器和设备上呈现效果不一致。12pt在一个设备上可能是16px,在另一个设备上可能是20px。使用px/rem以获得可预测的网页排版。
pt、px和dp有什么区别?
pt = 绝对物理单位(1/72英寸),px = 屏幕像素(随DPI变化),dp = Android密度无关单位(标准化为160 DPI)。打印使用pt,网页使用px,Android使用dp,iOS使用逻辑pt。每个系统都为其平台进行了优化。
为什么12pt在不同的应用程序中看起来不同?
应用程序根据其DPI假设以不同的方式解释点。Word使用96 DPI,Photoshop默认为72 PPI,InDesign使用实际的设备分辨率。12pt打印时总是1/6英寸,但由于DPI设置,在屏幕上看起来大小不同。
如何将TeX点转换为PostScript点?
将TeX点乘以0.9963以获得PostScript点(1 TeX pt = 1/72.27英寸,而PostScript为1/72英寸)。差异很小——只有0.37%——但在学术出版中很重要,因为精确的间距对于数学符号至关重要。
我应该以什么分辨率进行设计?
打印:最低300 DPI,高质量为600 DPI。网页:以96 DPI进行设计,为视网膜屏幕提供@2x资源。移动设备:以逻辑单位(pt/dp)的@1x进行设计,导出@2x/@3x。除非您针对的是旧版Mac显示器,否则切勿以72 DPI进行设计。
为什么16px是网页标准?
浏览器默认字体大小为16px(相当于96 DPI下的12pt),这是为了在典型的观看距离(18-24英寸)下获得最佳可读性而选择的。任何更小的字体都会降低可读性,特别是对于年长的用户。始终使用16px作为相对大小调整的基础。
我需要了解迪多点吗?
仅当您与欧洲传统印刷、法国出版商或历史复制品打交道时才需要。迪多点(0.376毫米)比PostScript点大6.5%。现代数字设计普遍使用PostScript点——迪多主要与古典排版和艺术书籍有关。