用一句话两种语言

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.

提示:您还应该使用正确的语言代码,因为这样也可以在语义上改进您的内容,并帮助搜索引擎和屏幕阅读器更好地理解它.一般来说,请阅读lang属性.