字号转换器
在磅、像素、em、rem、百分比、毫米、英寸和派卡之间换算字号。换算遵循 CSS 的定义——每英寸 96 像素、72 磅——并允许您设置 em、rem 与 % 所依据的根字号和父元素字号。
浏览器默认从 16 px 开始。如果您的样式表在 html 元素或父元素上设置了其他字号,请修改这些值。
12 pt 换算为各种单位
| 单位 | 字号 | CSS | 复制 |
|---|---|---|---|
| 磅 (pt) | 12 | 12pt | |
| 像素 (px) | 16 | 16px | |
| em | 1 | 1em | |
| rem | 1 | 1rem | |
| 百分比 (%) | 100 | 100% | |
| 毫米 (mm) | 4.2333 | 4.2333mm | |
| 厘米 (cm) | 0.4233 | 0.4233cm | |
| 英寸 (in) | 0.1667 | 0.1667in | |
| 派卡 (pc) | 1 | 1pc |
计算过程
- 12 pt × 96 ÷ 72 = 16 px
- 16 px ÷ 16 px = 1 em
- 16 px ÷ 16 px = 1 rem
- 16 px × 25.4 ÷ 96 = 4.2333 mm
在 Windows 上,Word 与 Google 文档以磅设定字号,并把 1 英寸视为 96 像素,因此在 100% 缩放下,12 磅文字与浏览器中 16px 文字的显示大小相同。
常用磅值
em、rem 与 % 使用上方设置的根字号与父字号。
| 磅 | 像素 | em | rem | % | mm |
|---|---|---|---|---|---|
| 6 | 8 | 0.5 | 0.5 | 50 | 2.12 |
| 7 | 9.33 | 0.583 | 0.583 | 58.3 | 2.47 |
| 8 | 10.67 | 0.667 | 0.667 | 66.7 | 2.82 |
| 9 | 12 | 0.75 | 0.75 | 75 | 3.18 |
| 10 | 13.33 | 0.833 | 0.833 | 83.3 | 3.53 |
| 10.5 | 14 | 0.875 | 0.875 | 87.5 | 3.7 |
| 11 | 14.67 | 0.917 | 0.917 | 91.7 | 3.88 |
| 12 | 16 | 1 | 1 | 100 | 4.23 |
| 14 | 18.67 | 1.167 | 1.167 | 116.7 | 4.94 |
| 16 | 21.33 | 1.333 | 1.333 | 133.3 | 5.64 |
| 18 | 24 | 1.5 | 1.5 | 150 | 6.35 |
| 20 | 26.67 | 1.667 | 1.667 | 166.7 | 7.06 |
| 22 | 29.33 | 1.833 | 1.833 | 183.3 | 7.76 |
| 24 | 32 | 2 | 2 | 200 | 8.47 |
| 28 | 37.33 | 2.333 | 2.333 | 233.3 | 9.88 |
| 32 | 42.67 | 2.667 | 2.667 | 266.7 | 11.29 |
| 36 | 48 | 3 | 3 | 300 | 12.7 |
| 48 | 64 | 4 | 4 | 400 | 16.93 |
| 72 | 96 | 6 | 6 | 600 | 25.4 |
如何使用字号转换器
- 1. 输入字号及其单位。 输入 12 并选择磅,或输入 24 并选择像素——九种单位中的任何一种都可以作为起点。
- 2. 如有需要,设置参考字号。 rem 以根(
html)元素的字号为基准,em 与 % 以父元素的字号为基准。两者默认都是 16 px,即浏览器的默认值。 - 3. 查看每种单位下的字号。 每一行给出数值以及可粘贴的 CSS,并附有复制按钮;计算过程则显示每次换算如何经过像素。
- 4. 查看常用字号表。 列出文字处理软件菜单中的字号(从 6 到 72),以及它们对应的像素、em、rem、百分比和毫米数值。
换算规则
CSS 规定了物理单位之间的关系:1 英寸等于 96 像素、72 磅、6 派卡或 25.4 毫米。因此 1 磅恰好是 4/3 像素。相对单位还需要另一个数字——它们所依据的字号。
| 单位 | 换算为像素 | 由像素换算 |
|---|---|---|
| 磅 (pt) | px = pt × 96 ÷ 72 | pt = px × 72 ÷ 96 |
| 派卡 (pc) | px = pc × 16 | pc = px ÷ 16 |
| 毫米 (mm) | px = mm × 96 ÷ 25.4 | mm = px × 25.4 ÷ 96 |
| 英寸 (in) | px = in × 96 | in = px ÷ 96 |
| em | px = em × 父元素字号 | em = px ÷ 父元素字号 |
| rem | px = rem × 根字号 | rem = px ÷ 根字号 |
| 百分比 (%) | px = % × 父元素字号 ÷ 100 | % = px ÷ 父元素字号 × 100 |
根字号与父字号以像素计;除非样式表另行设置,两者均为 16 px。
在默认值下,12 pt 为 12 × 96 ÷ 72 = 16 px。然后 16 ÷ 16 得到 1 em、1 rem 与 100%,而 16 × 25.4 ÷ 96 得到 4.2333 mm。若将父字号设为 20 px,同样的 16 px 会变为 0.8 em 与 80%——但仍是 1 rem,因为 rem 不考虑父元素。
为什么 12 pt 等于 16 px
1 磅是 1/72 英寸,而 1 个 CSS 像素是 1/96 英寸,因此 12 磅是 12/72 = 1/6 英寸,即 96 ÷ 6 = 16 像素。Windows 上的 Word 与 Google 文档同样把屏幕上的 1 英寸视为 96 像素,因此在 100% 缩放下,12 磅文字看起来与浏览器中的 16px 文字大小相同——而 16 px 正是浏览器对未经样式表设定字号的文字所用的大小。
CSS 像素不一定是屏幕上的一个点。在高分辨率显示器上,一个 CSS 像素覆盖多个设备像素,浏览器会同时缩放所有单位,因此上述比例始终成立。LaTeX 是唯一常见的、与每英寸 72 磅不同的例外:它的 pt 是印刷点,每英寸 72.27 个,因此 LaTeX 的 12pt 比 Word 或 CSS 中的 12 磅小约 0.4%。TeX 的 bp(“大点”,big point)才是本转换器所用的每英寸 72 个的点。
学术论文的字号
格式指南以磅设定字号,因此论文的字体通常无需换算——但了解每份指南实际要求的内容会有所帮助:
- APA 第 7 版给出的是字体与字号的组合,而非单一字号:11 磅 Calibri、11 磅 Arial、10 磅 Lucida Sans Unicode、12 磅 Times New Roman、11 磅 Georgia 或 10 磅 Computer Modern。
- MLA 第 9 版要求字体易于阅读,且其斜体与常规体形成对比,字号在 11 至 13 磅之间,除非您的教师另有要求。
- Turabian(供学生使用的芝加哥格式):官方提示单建议使用 12 磅 Times New Roman 或 Calibri,或 11 磅 Arial。
同一磅值下,不同字体看起来的大小并不相同——Arial 比 Times New Roman 看起来更大——这正是 APA 要为每种字体配以各自字号的原因。有关页边距、间距、页眉及版面其余部分,请参阅如何用 APA、MLA 和 Chicago 设置学术论文格式。
常见问题
- 12 pt 等于多少像素?
- 16 像素。CSS 规定一英寸为 96 像素、为 72 磅,因此 1 磅为 4/3 像素,12 × 4/3 = 16。同理,10 磅为 13.33 px,11 磅为 14.67 px,14 磅为 18.67 px。
- 如何把 px 换算为 rem?
- 除以根字号。默认 16 px 时,24 px 为 24 ÷ 16 = 1.5rem,14 px 为 0.875rem。如果您的样式表给
html元素设置了其他字号,请将其输入为根字号,转换器便会使用该值。 - em 与 rem 有什么区别?
- 两者都相对于某个字号,但依据的字号不同。rem 始终参照根(
html)元素,因此 1.5rem 在页面各处都是相同的大小。em 参照父元素,因此在一个文字本身已为 1.5em 的框内,1.5em 会变成根字号的 2.25 倍——em 会累积,rem 不会。 - 1em 总是 16px 吗?
- 只有在默认情况下如此。1em 等于父元素的字号,1rem 等于根元素的字号,浏览器都以 16 px 作为起点。若读者在浏览器设置中调大默认文字大小,这个起点就会改变——这就是为什么以 rem 或 em 设定的文字会随其选择而变化,而以 px 设定的文字则不会。
- 12 磅等于多少毫米?
- 12 磅是 1/6 英寸,约 4.23 毫米。这是字体的 em 方框的大小——即每个字母所绘制的设计空间——而不是大写字母的高度;在常见的正文字体中,大写字母高度约为该方框的三分之二。
- 为什么同样的磅值在某些字体中看起来更大?
- 磅值设定的是 em 方框,而不是可见字母的大小。不同字体在该方框内绘制字母的比例各不相同——Arial 的小写字母比 Times New Roman 更高——因此 12 磅 Arial 看起来更大。这就是 APA 第 7 版把 11 磅 Arial 与 12 磅 Times New Roman 配对,而不是为所有字体给出统一字号的原因。