小编Ach*_*les的帖子

CSS 字体样式更改在 Chrome 中不起作用

有人可以澄清为什么下面的字体样式设置在 chrome 中不起作用,但在 IE 和 FireFox 中起作用。

我的网站有同样的问题,它没有选择 CSS 字体设置(normal提到的地方),因此我使用W3Schools 的 CSS 测试环境进行了测试,行为是相同的。

CSS 片段:

  • 仅适用于 IE/FireFox: font-family: Arial, Helvetica, sans-serif normal;
  • 在所有浏览器中工作: font-family: Arial, Helvetica, sans-serif;

尝试在 Chrome 和 IE 中查看差异。

body {
  font-family: "Times New Roman", serif;
}
p.serif {
  font-family: Arial, Helvetica, sans-serif;
}
p.sansserif {
  font-family: Arial, Helvetica, sans-serif normal;
}
Run Code Online (Sandbox Code Playgroud)
<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in Arial Without Normal.</p>
<p class="sansserif">This is a paragraph, shown in …
Run Code Online (Sandbox Code Playgroud)

html css fonts google-chrome

1
推荐指数
1
解决办法
3万
查看次数

标签 统计

css ×1

fonts ×1

google-chrome ×1

html ×1