【浏览器渲染】浏览器中的字体

网页文字组成部分

字体类型

1. 点阵字体（Bitmap Fonts）
2. 轮廓字体（Outline Font）
   1. PostScript 字体
   2. TrueType 字体
   3. OpenType 字体
3. 笔画字体（Stroke-based font）
4. METAFONT

如何理解点阵字体和轮廓字体的区别呢，其实它们的表现和图片格式中的 png8 和 png24 的的区别很类似，点阵字体都是实色，没有过渡色，边缘锐利，而轮廓字体有过渡色，边缘也比较平滑。很多人把“宋体”（simsun）当作点阵字体，其实不是，它和“微软雅黑”（microsoft yahei）一样，都属于轮廓字体，只不多 12px~17px 的宋体内置了点阵信息而已。

按照字形分类

如果按照字形来分的话，字体又可以分为：

1. 衬线（serif）
2. 非衬线（sans-serif）
3. 等宽字体（monospace ）
4. 书写体（cursive）
5. 梦幻体（fantasy）

注：其中“serif”表示”字脚”、“装饰”的意思，而“sans”来源于法语，是“无”的意思。

参考

网站字体渲染过程