网页：英文字符使用字体X，俄语字符使用字体Y...等等可以吗？

Question

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

我的页面是 UTF-8 编码的，我首先喜欢 HTML/CSS 解决方案，必要时使用 JS。

谢谢。

Answer 1

HTML:

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

CSS:

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

CSS :lang 选择器

Answer 2

这对于您的需求来说可能太晚了，但我只是碰巧看到这个问题。我能想到的最简单的方法是用一个附加了类的标签包围俄语的每个部分。然后为常规正文定义一组 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;
}