创建混合高度合理的标题？

Question

我的设计有一个很多的三行混合高度标题。解释外观的最简单方法可能是一个例子：

（出于此目的，忽略最后一行有两个单词的事实。）

一切都是完全合理的，但字体大小和字距会根据单词的长度而变化。

有没有办法用JavaScript或CSS做到这一点？

Answer 1

我为这个项目经历了一大堆图书馆，包括：

• FitText.js
  • 无法让它工作，因此不同的线条大小不同（即，对齐，但不是混合高度）。
• BigText.js
  • 根本无法让它工作。
• Stretch
  • 我忘了这个问题，但它不能用于我的目的。
• 获奖者： SlabText
  • 这是我最终使用的，它的效果非常好。

Answer 2

您可以查看Adjusting Kerning in CSS的CSS部分并看看http://kerningjs.com/吗？