🗒️font-family

5 种通用字体，n 种最佳安全字体

font-family: [family-name,] generic-name;

• family-name 字体族名，即字体

• generic-name 通用字体族名，即通用字体

值可以是计算机上安装的字体，也可以是 @font-face 指定的可直接下载的字体。优先级是从高到低，即先用第一个，若不支持则用第二个，依次类推。

通常情况，都会在 font-family 的最末尾给出一种 generic-name，目的是让浏览器在无法得到最佳字体的情况下，使用一个相对接近的备选字体，因为指定的字体有可能没有安装、下载的也可能未正常下载。

下面表格中的绿色字体，是目前比较流行的 web 安全字体，详见 15 best web safe fonts（或许还有其它，字体也在进化，故旨在提供参考）。所谓的“安全字体”，就是在不同的操作系统里都有较好的支持，可放心地用作备选字体的字体。

generic-name		特点	family-name
serif	衬线类	笔画开始和结束有额外的衬托性装饰 笔画粗细因横竖而不同	Times Times New Roman Didot Georgia Palatino URW Palladio L Bookman URW Bookman L New Century Schoolbook TeX Gyre Schola American Typewriter
sans-serif	无衬线类	没有额外的装饰 笔画粗细几乎相同	Arial Helvetica Verdana Trebuchet MS Gill Sans Noto Sans Avantgarde TeX Gyre Adventor URW Gothic L Optima Arial Narrow
monospace	等宽字体	每个字符宽度相等	Courier Courier New Andale Mono FreeMono OCR A Std DejaVu Sans Mono
cursive	草书/ 手写体		Comic Sans MS Comic Sans Apple Chancery Bradley Hand Brush Script MT Brush Script Std Snell Roundhand URW Chancery L
fantasy	唯美字体/ 装饰性字体		Impact Luminari Chalkduster Jazz LET Blippo Stencil Std Marker Felt Trattatello
system-ui ui-serif ui-sans-serif ui-monospace ui-rounded emoji math fangsong		（后来新增的）

最终呈现的字体 UI，可以在网页 W3C-Font Family 里直观地看到。

generic-name

family-name 的值，除了上面列出的之外，对于中文还可以有其它值，常见的中文字体及其英文名称，如下：

平台	常见的内置中文字体	说明
Window	中易宋体 SimSun 中易黑体 SimHei 微软雅黑 Microsoft Yahei 微软正黑体 Microsoft JhengHei 楷体 KaiTi 新宋体 NSimSun 仿宋 FangSong	常说的宋体是指中易宋体 常说的黑体是指中易黑体 简体中文，以微软雅黑为主 繁体中文，以微软正黑为主 微软雅黑和微软正黑，都同时包含了比较完整的简体和繁体汉字，但在一些汉字的书写细节上还是有差别的，建议在正式场合不要混用。 微软雅黑是从 Vista 开始，提供了这款新无衬黑体类，它拥有 Regular 和 Bold 两种粗细，是 windows 浏览器中最值得使用的中文字体，从 win8 开始又新增了 Light 更细的字重。
Office 软件	幼圆 YouYuan 隶属 LiSu 华文细黑 STXihei 华文楷体 STKaiti 华文宋体 STSong 华文仿宋 STFangsong 华文中宋 STZhongsong 华文彩云 STCaiyun 华文琥珀 STHupo 华文新魏 STXinwei 华文隶书 STLiti 华文行楷 STXingkai 方正舒体 FZShuTi 方正姚体 FZYaoti	Windows 系统本身默认的中文字体不多 但一般安装 Office 的比例很高 所以还可以使用其自带的一些字体
OS X	苹方 PingFang SC 华文黑体 STHeiti 华文楷体 STKaiti 华文宋体 STSong 华文仿宋 STFangsong 华文中宋 STZhongsong 华文琥珀 STHupo 华文新魏 STXinwei 华文隶书 STLiti 华文行楷 STXingkai 冬青黑体简 Hiragino Sans GB 兰亭黑-简 Lantinghei SC 翩翩体-简 Hanzipen SC 手札体-简 Hannotate SC 宋体-简 Songti SC 娃娃体-简 Wawati SC 魏碑-简 Weibei SC 行楷-简 Xingkai SC 雅痞-简 Yapi SC 圆体-简 Yuanti SC SC 简体 simplified chinese TC 繁体 traditional chinese	内置的中文字体比较丰富 iOS 同 Mac OS 的 苹方和 San Francisco 最新 Helvetica 可兼容更多系统版本
Android	Droid Sans Droid Sans Fallback	Droid Sans 为默认字体
开源字体	思源黑体 Source Han Sans CN 思源宋体 Source Han Serif SC 文泉驿系列 WenQuanYi Droid Sans Fallback	前两个是 Adobe 和 Google 合作推出 后两个是 Google 开源的 Droid 字体系是 Google 包含在 Android 系统里的默认字体，目标是手机和嵌入式设备，文件极为精简，不到 3MB

设置 family-name 时，建议用字体的英文名称，从而避免乱码、无效字体的风险。同时英文名的首字母都大写，虽然 font-family 本身对名称的大小不敏感，但 CSS unicode-range 时可能会有一些麻烦。如果字体的名字是多于一个单词，则必须用双引号括起来，比如 "Times New Roman", "Microsoft Yahei"。