Question

我现在一直在讨论这件事情，我找不到办法。但是最好的方法是什么。

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

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

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

'Microsoft Yahei'，'微软雅黑'，STXihei，'华文细黑'是MS Gothic是日本的windows字体。

或将它们分开？当然，这意味着更多的css而不仅仅是身体（h1，h2，p ......）

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 btw

Answer 1

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

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

ORDER_CHOICES_WITH_PRICES = [
    (key, "%s - %s€" % (val, ORDER_PRICES[key][0]))
    for key, val in ORDER_CHOICES
]

Answer 2

您可以使用名为unicode-range的内容。它用于显示特定字符范围的特定字体。

This might help you to find the range of characters you want to include

理想情况下，您必须设置一次所需的所有字体。通过unicode-range，浏览器使用包含该字符的字体，不会有任何不必要的下载。

多语言网站和CSS字体系列

2 个答案: