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

Question

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

(为此目的，忽略最后一行有两个词的事实。)

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

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

Answer 1

我为这个元素浏览了大量的库，包括:

• FitText.js
  • 无法使不同的行具有不同的大小(即对齐，但不是混合高度)。
• BigText.js
  • 根本无法让它工作。
• Stretch
  • 我忘记了这个问题，但它对我的目的不起作用。
• 获胜者: SlabText
  • 这就是我最终使用的，效果非常好。