【问题标题】:Font coming out as Times New Roman in Older Browsers字体在旧浏览器中以 Times New Roman 形式出现
【发布时间】:2014-02-06 09:15:13
【问题描述】:

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

 .text {
    font: normal 10px Arial;
 }

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

声明字体系列和大小以使其被尽可能广泛的受众识别的最佳方式是什么?

【问题讨论】:

标签: html css fonts


【解决方案1】:

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

希望这能回答你的问题。

【讨论】:

  • 声明 Font-family: Arial, 'Times New Roman', sans-serif; 不会增加让浏览器使用 Arial 的几率——它反而会导致在 Arial 不可用时使用 Times New Roman。由于这是一个公认的答案,真正的问题是什么仍然是个谜。
  • @JukkaK.Korpela 我认为他们想要 Arial 但根本不希望 Times New Roman 默认。我提到字体系列主要是因为它会逐一检查每种字体,以查看我在上面的回答中所说的合规性(知道它不会增加“几率”)。这样他/她就可以放任何他们不介意的字体作为备份。 (我也加入了谷歌字体,因为我不知道它是否直接来自网络,它可以在旧版浏览器上运行)但我使用的示例只是为了让用户可以看到格式和交换/添加他们想要的任何字体
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-05-27
  • 1970-01-01
  • 2018-10-24
  • 2012-11-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多