css - 如何覆盖浏览器字体？

Question

我是 CSS 新手。具体来说，现在我使用的是IE8。我的网页在 japanese script 中使用 MS PGothic 字体时效果很好。但是当我们将 IE8 浏览器字体更改为 Arial Unicode MS 时。该网页看起来不正常。这只在 IE8 中发生，在 firefox 和 chrome 中，即使更改也可以。

我的问题是我有 200 多个 CSS 文件。

• 所以我想将我网站的浏览器字体更改为 MS PGothic
• 还是只使用网页字体不使用浏览器字体？

哪个可能？我想知道代码示例。非常感谢任何帮助。

在更改为 Arial Unicode MS 之前

改成Arial Unicode MS后

Answer 1

听起来您需要在 CSS 中指定字体，这可以通过这种方式完成(退回到无衬线字体):

body {
  font-family: "MS PGothic", sans-serif;
}

但是，如果您有这么多 CSS 文件，font-family 值将在其中一个文件中被覆盖，因此您可能需要使用 !important 值，像这样:

body {
  font-family: "MS PGothic", sans-serif !important;
}

这可以通过为 input 和 textarea 添加选择器来进一步改进，以便表单字段也使用此字体:

body, input, textarea {
  font-family: "MS PGothic", sans-serif !important;
}

我们也可以使用日语字体名称，以防万一。最后，我建议指定 Meiryo 字体，它看起来比 MS PGothic 更流畅，并且可以在 Windows Vista 及更高版本上使用。此外，Mac 的字体应该包括在内，所以我认为日语页面的最佳 CSS 是这样的:

body, input, textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}