css - 两种语言一页两种字体

Question

我会自己解释的。 我希望我的用户能够用希伯来语和英语这两种语言书写（输入等）。网站本身可以完全是英文的，但用户仍然可以输入希伯来语，反之亦然。所以基本上，我无法知道用户将在我的输入框中输入哪种语言，但我希望每种语言都有匹配的字体（因此输入框在英语和希伯来语中看起来都很漂亮）。

那么，如何才能在 1 个元素中包含 2 种语言的 2 种字体？

顺便说一句：答案不是 :lang(he)。它不会自动检测语言，只是 HTML 属性 lang。和写 [lang=he]

一样

Answer 1

我想你可以像这样使用语言选择器

:lang(en)   {
    font-family: 'Helvetica Neue', Helvetica, Arial, "Segoe UI", sans-serif;
    font-size: 120%;
    }

Answer 2

据我所知，这应该会自动发生。只需像这样分配两种字体：font-family: 'Arial', 'Arial (Hebrew)'; 您可以查看 this 示例。