总结CSS中字体相关知识点

总结CSS中字体相关知识点

1. CSS中物种通用字体系列

• 衬线体（Serif）：Georgia、宋体
• 无衬线体（Sans-Serif）：Arial、Helvetica、黑体、微软雅黑
• 手写体（Cursive）：Caflisch Script、楷体
• 梦幻体（Fantasy）：Comic Sans MS、Papyrus、Zapfino
• 等宽字体（Monospace）：Consolas、Courier、中文字体

2. 怎样设置多个字体

font-family:字体1, 字体2, 字体3, ..., 通用字体系列名

设置多个字体的写法如上所示，需要注意的是：

• 按照选用优先级声明期望使用的字体名称，用逗号分隔；
• 若段落中既有英文也有中文，则先声明英文期望字体再声明中文期望字体，避免使用中文字体样式显示英文；
• 字体名称超过一个单词/字符时应用双引号括起来，如："Times New Roman"、"宋体"；
• 在所有字体最后写一个通用字体类名称，以保证能按照期望样式显示而非浏览器默认样式。

3. px、em、rem的不同

• px：绝对单位，1px对应一个像素点；
• em：相对单位，1em对应当前字体的大小；
• rem：相对单位，1rem对应html元素的大小。