css - Css类在同一样式中定义多种字体

Question

在我的 css 类中，我看到定义了这种样式：

.x-window-dlg .ext-mb-textarea {
    font:normal 12px tahoma,arial,helvetica,sans-serif;
}

现在 tahoma、arial 和 helvetica 都是不同的字体。那么当我选择这种风格时，会应用哪一种呢？

Answer 1

在某些浏览器中，某些字体不受支持。

如果不支持 tahoma，则应用 arial，

如果不支持 arial，则适用 helvetica....

Answer 2

字体是按出现的顺序选择的。

因此，在您的情况下，Tahoma 将显示访问者操作系统中是否存在，然后是 Arial，然后是 Helvetica 等等

有时您想为不同的访问者平台提供不同的相似字体。

有关哪些是要使用的核心字体的更多信息，请参阅此链接http://en.wikipedia.org/wiki/Core_fonts_for_the_Web

Answer 3

如果您列出多个字体系列，则将选择第一个。其他的是备用，以防第一个加载失败。

Answer 4

字体选择是根据规范逐个字符进行的，尽管浏览器可能对此有困难。所以对于内容中的任何一个字符，浏览器都会检查 Tahoma 是否包含它，如果没有，它会检查 Arial 等。当然，如果用户的计算机中缺少某些字体，则在此过程中会跳过它。