CSS 示例：
源码如下：
| <html> <head> <meta charset="utf-8"> <style type="text/css"> #p1{ font-family: Arial,宋体; } #p2{ font-family: Serif; } #p3{ font-family: Sans-serif; } #p4{ font-family: Monospace; } #p5{ font-family: Cursive; } #p6{ font-family: Fantasy; } </style> <title>font-family属性</title> </head> <body> <p id="p1">CSS 特定字体</p> <p id="p2">CSS Serif 字体</p> <p id="p3">CSS Sans-serif 字体</p> <p id="p4">CSS Monospace 字体</p> <p id="p5">CSS Cursive 字体</p> <p id="p6">CSS Fantasy 字体</p> </body> </html> |
属性说明：
在 中，存在两种类型的字体系列名称：
通用字体 - 具有相似外观的字体系统组合（例如 "Serif" ， "Monospace"等）
特定字体 - 具体的字体系列（比如 "Times" ， "Courier"等）
CSS使用指定特定的字体系列取决于用户浏览器是是否可用；如不支持某个特定字体，也不会下载，因此一般使用推荐一个通用字体系列名作为字体。
CSS定义了 5 种通用：
Serif 字体
Sans-serif 字体
Monospace 字体
Cursive 字体
Fantasy 字体