Lettering.js是一个强大的jQuery web类型插件，用于紧排类型、编辑设计和字母控制。

有了这个插件，你可以调整你的紧排，或者通过在每个字母、单词或行中添加各种CSS样式来创建一些很酷的效果。

香草JavaScript版本现已在此处提供。

如何使用它:

1.在页面上包含jQuery Library和LETTERING.JS插件。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/jquery.lettering.js"></script>

2.将插件附加到您的文本中。

<div id="demo" class="demo">
  <h1>jQueryScript</h1>
  <h1>.net</h1>
</div>

$(function(){
  $("#demo h1").lettering();
});

3.插件将您的文本分解为以下字符：

<h1>
  <span class="char1">j</span>
  <span class="char2">Q</span>
  <span class="char3">u</span>
  <span class="char4">e</span>
  <span class="char5">r</span>
  <span class="char6">y</span>
  <span class="char7">S</span>
  <span class="char8">c</span>
  <span class="char9">r</span>
  <span class="char10">i</span>
  ...
</h1>

4.将文本拆分为单词：

<h1>jQuery Script</h1>

$(function(){
  $("h1").lettering('words');
});

<!-- Output -->
<h1>
  <span class="word1">jQuery</span>
  <span class="word2">Script</span>
</h1>

5.将文本拆分成行：

<h1>jQuery<br>Script</h1>

$(function(){
  $("h1").lettering('lines');
});

<!-- Output -->
<h1>
  <span class="line1">jQuery</span>
  <span class="line2">Script</span>
</h1>

预览截图

强大 jQuery网页排版插件 Lettering.js