如何覆盖浏览器字体？

Question

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

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

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

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

在更改为Arial Unicode MS之前

更改为Arial Unicode MS后

Answer 1

听起来你需要在CSS中指定字体，这可以通过这种方式完成（退回到sans-serif字体）：

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;
}