字体在旧浏览器中作为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;）这样浏览器就可以了通过列表逐个查看它是否可以运行它。如果没有，它将进入列表中的下一个项目。至于在大多数浏览器上运行的字体显然不一样，这就是你为备份添加几种字体的主要原因。但是，您也可以从网站导入其他字体样式。例如，Google fonts提供了一系列易于使用的样式。 Google字体还为您提供link代码，以将其导入您的代码。对于较旧的浏览器，我不知道该功能是否与新版本一样有效（因为我自己没有遇到过这个问题）。但是我知道的两种默认样式是sans-serif和serif。至于文本的大小，我使用font-size:属性。此功能可以使用百分比（文本2倍，正常大小为200％），甚至可以使用值大小（15px，2em等）它可以扩展更多here

希望这能回答你的问题。