Question

我有一个充满混合字符的网页，我想为一种语言分配一种字体，而不是“一种字体适合所有人”，是否有任何解决方案？

我的网页采用UTF-8编码，我首先选择HTML / CSS解决方案，如果需要，我更喜欢JS。

感谢。

Answer 1

这可能对你的需求来说太迟了，但我碰巧看到了这个问题。我能想到的最简单的方法是用一个附有类的标签包围俄语的每个部分。然后为常规正文文本定义一组CSS，为跨距内的文本定义另一组CSS。

HTML：

<p>English English English. 
<span class="russianText">Russian Russian.</span> 
English English again.</p>

CSS：

body {
  font-family: Arial, sans-serif;
}
span.russianText {
  font-family: Times New Roman, serif;
}

Answer 2

HTML：

<p lang="en">English text.</p>
<p lang="ru">Russian text.</p>

CSS：

:lang(en) { font-family:A; }
:lang(ru) { font-family:B; }