如何用另一种字体改变句子中第一个单词的字体和句子的其余部分？

Question

所以我使用wordpress并且我显示标题，并且该标题不止一个单词。所以我需要添加第一个单词font-family:'font1';，并在其余单词中添加font-family:'font2';。有什么建议我怎么办？

  <div class="main-title"><span><?php echo the_title(); ?></span></div>

Answer 1

您需要查看第一个空格的索引，然后添加一个特定的类：

$('p').each(function() {
   var word = $(this).html();
   var index = word.indexOf(' ');
   if(index == -1) {
      index = word.length;
   }
   $(this).html('<span class="first-word">' + word.substring(0, index) + '</span>' + word.substring(index, word.length));
});

然后设置。first-word类

的样式

.first-word{
    font-family:'font1';
}

有关详细信息，请参阅http://webdesignerhut.com/style-first-letter-word-line-and-paragraph-with-css-and-jquery/