css - 两种语言在一个页面中使用两种字体

时间:2017-07-25 15:10:35

标签: html css sass multilingual

我会解释自己。 我希望我的用户能够以两种语言(希伯来语和英语)编写(输入等)。网站本身可以完全是英文,但用户仍然可以输入希伯来语,反之亦然。所以基本上,我无法知道用户将在输入框中输入什么语言,但我希望我的每种语言都有匹配的字体(所以输入框看起来都很英文和希伯来语。)

那么,如何在1个元素中为2种语言提供2种字体?

BTW:答案不是:lang(he)。它不会自动检测语言,只会检测HTML属性lang。这与撰写[lang=he]

相同

2 个答案:

答案 0 :(得分:1)

我认为你可以像这样使用lang选择器

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

答案 1 :(得分:1)

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