2015-05-03 3 views
0

Привет, я хочу добавить еще один шрифт в английские слова на моем сайте. Возможно, я могу сделать это с кодом javascript, который добавит span к этим словам?Добавление другого шрифта на другой язык

спасибо за помощь

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)); 
+0

У вас есть список этих английских слов или вам нужен способ, чтобы признать их? И, более того, почему вы хотите сделать это в javascript и не обрабатываете ли вы его статически? – ProGM

+0

Я хочу сделать это на всех словах в документе –

ответ

2

Вы можете использовать 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

+0

, но я хочу добавить его javascript, чтобы не устанавливать диапазон в моем собственном –

+0

Если у вас нет списка конкретных иностранных слов, используемых на вашем сайте, это, вероятно, нецелесообразно @lirondeveloper –