css - 如果将字体系列设置为仅无衬线字体，字体顺序是什么？

Question

我尝试用谷歌搜索这个但找不到答案，我知道 Arial 排在第一位......

另外，我见过有人这样做

font-family: sans-serif, arial, 2nd font in sans-serif, 3rd font in sans-serif...

似乎在 sans-serif 之后，他们按各自的顺序列出了该系列中的所有字体。这不是不必要的工作吗，因为 sans-serif 是按该顺序排列的那组字体的包罗万象？

Answer 1

根据 w3 :

Generic font families are a fallback mechanism, a means of preserving some of the style sheet author's intent in the worst case when none of the specified fonts can be selected. For optimum typographic control, particular named fonts should be used in style sheets.

字体应按照您希望它们使用的顺序列出，然后浏览器将尝试按顺序应用它们，当它无法与用户系统上的字体匹配时，根据需要继续浏览列表。

因此，首先列出后备字体确实没有任何意义，因为它们将在非通用字体系列渲染字体(如(在您的示例中)Arial 被忽略并应用 sans-serif top)之前应用。这与仅使用 font-family: sans-serif; 相同。