css - 在另一种语言上添加另一种字体

Question

您好，我想在我的网站上为英文单词添加另一种字体。 也许我可以使用为这些词添加跨度的 javascript 代码来做到这一点？

感谢帮助

    window.englishExp = /^[a-zA-Z]*$/;
    (function (count) {

      'use strict';
      (function wrap(el) {
        $(el).contents().each(function () {
          if (this.nodeType === Node.ELEMENT_NODE) {
             if(window.englishExp.test($(this).text().trim().charAt(0)))
                {
                wrap(this);
                }
          } else if (this.nodeType === Node.TEXT_NODE) {
            var val = $.trim(this.nodeValue);
            if (val.length > 0) {
              $(this).replaceWith($.map(val.split(/\s+/), function (w) {
                return $('<span>', {id: count = count + 1, text: w}).get();
              }));
            }
          }
        });
      }('body'));
    }(1));

Answer 1

您可以使用 CSS :lang() 选择器:

span:lang(en) { 
    background: yellow;
}

因此spans:

<p>¿Cómo se dice <span lang="en">Hello</span> en español?</p>

span:lang(en) {
  background: yellow;
}

<p>¿Cómo se dice <span lang="en">'hello'</span> en español?</p>

http://www.w3schools.com/css/css_font.asp
http://www.w3schools.com/cssref/sel_lang.asp