css - 多语言网站和 CSS 字体系列

Question

我现在一直在谷歌搜索这件事，但我发现几乎没有办法做到这一点。但最好的方法是什么。

我的网站有 +10 种不同的语言。有些语言需要自己的字体(例如中文、日文)。普通英语和大多数西方版本将使用 Google 的 Open Sans。但是日语等呢？我应该如何声明字体系列？

像这样将所有字体放在同一个声明中吗？

body {
font-family: 'Open Sans', Arial, Helvetica, 'Microsoft Yahei', '微软雅黑', STXihei, '华文细黑', 'MS PGothic', sans-serif;
}

'微软雅黑'、'微软雅黑'、STXihei、'华文细黑'是MS Gothic是日文windows字体。

还是将它们分开？ 当然，这意味着除了 body (h1, h2, p...) 之外还有更多的 css

body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

body.chines {
font-family: 'Open Sans', 'Microsoft Yahei', '微软雅黑', STXihei, '华文细黑', sans-serif;
}

body.japanese {
font-family: 'Open Sans', 'MS PGothic', sans-serif;
}

顺便说一句，我正在使用 Compass/sass

Answer 1

处理不同语言的最佳方法是为不同的语言设置不同的 css 文件，这样可以减少页面加载时间和资源。

其次，星号表示所有元素。

* {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}