用一句话两种语言

Question

我在WordPress网站上有一个包含两种语言的句子，我需要的是以不同的字体系列显示每种语言（font-face）

示例：

<p>למרות הכל its worth it</p>

我试图插入span标签和div，但它改变了所有的句子。

我试过了：

html:lang(en) h3{
font-family: Helvetica !important;
}

Answer 1

您应该使用一些标记来明确设置语言，例如

<p><span lang="xyz">למרות הכל</span> <span lang="abc">its worth it</span></p>

之后你可以使用一些基本的CSS：

[lang=xyz] {
    font-family: Arial;
}

[lang=abc] {
    font-family: Helvetica;
}

或类似的东西：

span:lang(xyz) {
    font-family: Arial;
}

span:lang(abc) {
    font-family: Helvetica;
}

请参阅此jsFiddle。

提示：您还应该使用正确的language code，因为这样也可以在语义上改善您的内容，并帮助搜索引擎和屏幕阅读器更好地理解它。 Read about the lang attribute一般而言。

Answer 2

CSS类和HTML <span>是您的朋友。使用它们。

<强> HTML

<p class="foo"><span class="bar">למרות הכל</span>its worth it</p>

<强> CSS

.foo { font-family: Arial; }
p .bar { font-family: Helvetica; }

现在已经完成了。