Skip to main content

字体单位转换器 在像素、点、em、rem、厘米、毫米、英寸和皮卡之间进行转换,支持配置基准字体大小。

字体单位转换器 illustration
⚖️

字体单位转换器

在像素、点、em、rem、厘米、毫米、英寸和皮卡之间进行转换,支持配置基准字体大小。

1

设置基本字体大小

如果您的根字体大小与默认的16px不同,请调整基本字体大小滑块。

2

输入值

输入要转换的尺寸值。

3

选择单位

选择源和目标排版单位。

Loading tool...

What Is 字体单位转换器?

字体单位转换器可以在数字和印刷字体中使用的各种测量系统之间进行转换。像素(px)是标准的网络单位。点(pt)是在印刷设计中传统的单位(1 pt = 1/72 英寸)。em 和 rem 是相对单位 -- em 相对于父级字体大小,rem 相对于根字体大小(通常为 16px)。物理单位(cm、mm、英寸)和派卡(1 pc = 12 pt)连接了印刷和数字环境。可配置的基准字体大小可以确保与项目设置相符的 em/rem 转换的精度。

Why Use 字体单位转换器?

  • 可配置的基本字体大小,用于准确计算em/rem。
  • 连接印刷(pt、pc、in)和数字(px、em、rem)排版。
  • 对于网页设计师和开发人员来说是必不可少的。
  • 实时转换,并附有参考表。
  • 完全客户端。

Common Use Cases

网页开发

在响应式排版中,转换px、em和rem之间的值。

印刷设计

转换点、派卡和物理测量单位之间的值。

CSS 编写

根据基于像素的设计规范计算rem值。

跨平台设计

确保网页、印刷和移动设备上排版的一致性。

Technical Guide

在 96 DPI (CSS 参考像素)下的字体测量:

• 1 px = 1/96 英寸(CSS 定义)
• 1 pt = 1/72 英寸 = 96/72 px ≈ 1.333 px
• 1 pc(派卡)= 12 pt = 16 px
• 1 em = 父级字体大小(默认:16px)
• 1 rem = 根字体大小(默认:16px)
• 1 英寸 = 96 px(CSS),72 pt
• 1 厘米 = 96/2.54 ≈ 37.8 px
• 1 毫米 = 96/25.4 ≈ 3.78 px

CSS 像素被定义为 1/96 英寸,无论物理屏幕分辨率如何。在高 DPI 屏幕上,一个 CSS 像素可能对应多个物理像素。

em 和 rem 是比例单位。在默认的 16px 基础上,1rem = 16px,0.875rem = 14px,和 1.25rem = 20px。使用 rem 来设置字体大小可以在用户更改浏览器的默认字体大小时实现无障碍缩放。

Tips & Best Practices

  • 1
    以16px为基准:1rem = 16px。 "62.5%技巧"(html { font-size: 62.5% })使得1rem = 10px,更容易计算。
  • 2
    1pt ≈ 1.33px。在屏幕上,印刷的12pt正文≈ 16px。
  • 3
    使用rem进行无障碍网页排版--它尊重用户浏览器设置。
  • 4
    派卡(pc)仍然用于传统的字体排版:1 pc = 12 pt = 16 px。

Related Tools

Frequently Asked Questions

Q 如何将px转换为rem?
除以根字体大小(通常为16)。例如,24px ÷ 16 = 1.5rem。
Q em和rem有什么区别?
em是相对于父元素的字体大小,这可能会累积。rem始终相对于根(html)元素的字体大小,使其更可预测。
Q 一个像素中有多少点?
CSS标准的96 DPI下:1 px = 0.75 pt,或者等效地,1 pt = 1.333 px。
Q 什么是派卡?
一个派卡是一个传统的排版单位,相当于12点或1/6英寸。在CSS中,以96 DPI为准:1派卡=16像素。
Q 为什么默认字体大小是16px?
主要浏览器将16px设置为默认正文字体大小。这成为计算CSS中的rem值的实际标准。

About This Tool

字体单位转换器 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.