CSS3 使用@font-face引入字体的兼容性方案及优化
JyLie 2018-01-26 fontwebfontcss
# 单位概念
- px：pixel，像素，屏幕上显示的最小单位，用于网页设计，直观方便；
- pt：point，是一个标准的长度单位，1pt ＝ 1/72 英寸，用于印刷业，非常简单易用；
- em：即％，在 CSS 中，1em ＝ 100％，是一个比率，结合 CSS 继承关系使用，具有灵活性。
- PPI（DPI）：pixel（dot）per inch，每英寸的像素（点）数，是一个率，表示了“清晰度”，“精度”
# 字体单位换算
# pt 和 px
1pt= 3/4 * 1px
1px = 4/3 * 1pt
1
2
3
2
3
# em 和 px
1em = 16px
1px = 1/16em
1
2
2
# pt、DPI 和 px
1px = pt \* DPI / 72
1