Question

「font-family: tahoma, arial, 宋体, sans-serif」是什么意思？

Answer 1

假设有这样一段文本：CSS字体目前「font-family: tahoma, arial, 宋体, sans-serif;」的匹配过程大致如下（不考虑 font-style 和 font-weight 时）： 取第一个字符「C」，查找名为 tahoma 的字体族（具体匹配字体族的过程 CSS 2.1 未明确定义，这里你大致知道是按字体文件中存储的某个名字匹配即可）。找到了对应的字体数据，并在 tahoma 中找到了字符「C」对应的字形（glyph），于是 OK。对接下去的两个字母做与上面两步类似处理。 取到字符「字」，同样找到了 tahoma，但在其中没有找到对应的字形。于是继续找到 arial，同样没有。当在宋体中找到对应字形，OK。「体」处理过程相同。 当文本中包含了「宋体」中没有对应字形的字符时，会匹配到 sans-serif 这种 generic family，根据浏览器的默认配置，最终会 fallback 到某个指定的字体，比如 Windows 下的 Firefox 中文语言下默认设置的也还是宋体。