html - 字体在旧版浏览器中显示为 Times New Roman

Question

旧版浏览器似乎无法计算以下 CSS:

 .text {
    font: normal 10px Arial;
 }

当我在旧版浏览器中查看该页面时，文本显示为 Times New Roman。

什么是声明字体系列和大小的最佳方式，以便尽可能广泛的受众能够识别它？

Answer 1

现在我显然不是专家，但我通常做的是 font-family: 属性，你可以根据需要声明许多字体(即 Font-family : Arial, 'Times New Roman', sans-serif; ) 这样浏览器就可以一个一个地遍历列表，看看它是否可以运行它。如果不是，它将进入列表中的下一个元素。至于在大多数浏览器上运行的字体显然是不一样的，这也是你把几个字体备份的主要原因。但是，您也可以从 Web 为您的站点导入其他字体样式。 Google fonts ，例如，提供了多种您可以轻松使用的样式。 Google 字体还为您提供了链接 代码以将其导入到您的代码中。关于较旧的浏览器，我不知道该功能是否与较新版本一样有效(因为我自己没有遇到过这个问题)。但据我所知，无论如何默认的两种样式是 sans-serif 和 serif。至于文本的大小，我使用 font-size: 属性。此功能可以使用百分比(正常大小的 2 倍文本为 200%)，甚至也可以使用值大小(15px、2em 等)它进一步扩展了 here

希望这能回答您的问题。