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

字体选择是在specifications逐个字符的基础上进行的，尽管浏览器可能会遇到困难。因此，对于内容中的任何字符，浏览器会检查Tahoma是否包含它，如果没有，它会检查Arial等。当然，如果用户的计算机中缺少某些字体，则在此过程中将跳过它。