word排版中经常使用熟知的1号至5号字体,在html当中的正文字号和经常用到h1至h6标题,它们之间是怎样的对映关系,又有哪些不同?
1.常用字号单位对映关系
中文字号 | 英文字号(pt) | 毫米(mm) | 像素(px) | 一般用法 |
---|---|---|---|---|
1英寸 | 72pt | 25.30mm | 95.6px | |
大特号 | 63pt | 22.14mm | 83.7px | |
特号 | 54pt | 18.97mm | 71.7px | |
初号 | 42pt | 14.82mm | 56px | |
小初 | 36pt | 12.70mm | 48px | |
一号 | 26pt | 9.17mm | 34.7px | |
小一 | 24pt | 8.47mm | 32px | |
二号 | 22pt | 7.76mm | 29.3px | 一般标题常用 |
小二 | 18pt | 6.35mm | 24px | |
三号 | 16pt | 5.64mm | 21.3px | 一般二级标题用 |
小三 | 15pt | 5.29mm | 20px | 一般文件的正文常用 |
四号 | 14pt | 4.94mm | 18.7px | |
小四 | 12pt | 4.23mm | 16px | |
五号 | 10.5pt | 3.70mm | 14px | 书籍、报刊、网页的正文常用 |
小五 | 9pt | 3.18mm | 12px | |
六号 | 7.5pt | 2.56mm | 10px | |
小六 | 6.5pt | 2.29mm | 8.7px | |
七号 | 5.5pt | 1.94mm | 7.3px | |
八号 | 5pt | 1.76mm | 6.7px |
2. 一般word对应html排版中常用字号
类别 | word中 | html中 | 备注 |
---|---|---|---|
正文字号 | 一般5号(14px/10.5pt) | 默认16px(H5/小4号/12pt/1em) | |
一级标题字号 | 一般2号(29.3px/22pt) | H2(小2号/24px/18pt/1.5em) | |
二级标题字号 | 一般3号(21.3px/16pt) | H3(3号/21px/16pt/1.32em) | |
三级标题字号 | 一般4号(18.7px/14pt) | H4(4号/18px/14pt/1.17em) |
3. 字号单位换算及说明
一般浏览器默认字号(基准字号)为16px、14px、12px
通过如body{font-size:16px;}设置,14px即为设置相对大小1em(或100%),其它的都可以此为标准设置相对字号了,如H2=1.5em;H3=1.32em;H4=1.17em;
px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便;
pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;
em:相对字号大小,
pt (point,磅):是一个物理长度单位,指的是72分之一英寸。
px (pixel,像素):是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果px要换算成物理长度,需要指定精度DPI(Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是72dpi。
DPI*:每英寸像素数
pt和px的换算公式可以根据pt的定义得出:
pt = 1/72(英寸), px = 1/dpi(英寸) 因此 pt = px * dpi / 72
以 Windows 下的 96dpi 来计算,1 pt = px * 96/72 = px * 4/3