Css 为什么chrome显示不同于计算字体系列的渲染字体？

我想知道chrome如何选择要渲染的字体？我这样问是因为使用Chrome开发者工具，我可以看到计算的字体系列与渲染的字体系列不同，这令人困惑。关于Stackoverflow的类似问题在这个特殊情况下没有多大帮助

我的计算机字体系列看起来像：

font-family: museo-sans, sans-serif, Futura;

Helvetica—473 glyphs

呈现的字体如下所示：

font-family: museo-sans, sans-serif, Futura;

Helvetica—473 glyphs

---

在本文中，提到chrome将渲染字体映射到列出的计算字体。这到底意味着什么？为什么会这样？有没有一种方法可以控制呈现哪种字体？

与任何其他浏览器一样：如果找不到第一种字体，它会尝试下一种字体，依此类推，直到超出规则。如果没有匹配的字体，那么字体将从父元素继承，一直延续到文档级别，在文档级别，它将只选择浏览器的默认字体

在这种情况下，事情有点奇怪，因为您显示的顺序是“一个真正的字体”，后面是“一个总是解析的通用CSS类，但不保证它将是哪种字体，只是它将是一个无衬线字体”，后面是真正的字体“futura”

所以Chrome会尝试museo，找不到它，看到通用的“无衬线”字体，然后为您选择一种已知的无衬线字体。通常，这类似于Arial或Helvetica，但是CSS规范没有明确说明它必须是哪种字体。它只需要是一个无衬线字体

奇怪的是，你选择的顺序意味着最后的“futura”永远不会被检查。浏览器点击

衬线

，

无衬线

，

草书

，

幻想

，或

单空间