我们在开发过程中,会遇到css字号与Word文档字号不匹配的情况,尤其是遇到需要打印页面的时候,字号的对应就显得尤为重要了,下面整理了css字号大小与Word字号大小的对应关系。
你需要了解的事是Word里的大小是用pt,而css中字号大小是用px。
px与pt的转化关系是1px = 0.75pt
知道了转化关系,那么计算css里面的px就容易的多了,举个例子
Word里面的小四(12pt),在css中的px就是 12/0.75 = 16px
通过例子,我想你应该会计算了吧。
整理的对应关系如下。
Word字号 | Word大小(pt) | CSS大小(px) |
72 | 72pt | 96px |
56 | 56pt | 74.6px |
48 | 48pt | 64px |
初号 | 44pt | 58.6px |
小初 | 36pt | 48px |
一号 | 26pt | 34.6px |
小一 | 24pt | 32px |
二号 | 22pt | 29.3px |
小二 | 18pt | 24px |
三号 | 16pt | 21.3px |
小三 | 15pt | 20px |
四号 | 14pt | 18.6px |
小四 | 12pt | 16px |
五号 | 10.5pt | 14px |
小五 | 9pt | 12px |
六号 | 7.5pt | 10px |
小六 | 6.5pt | 8.6px |
七号 | 5.5pt | 7.3px |
八号 | 5pt | 6.6px |