【问题标题】:Creating mixed-height justified headlines?创建混合高度的合理标题?
【发布时间】:2013-06-19 21:08:36
【问题描述】:

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

(为此,请忽略最后一行有两个单词的事实。)

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

有没有什么方法可以用 JavaScript 或 CSS 做到这一点?

【问题讨论】:

    标签: javascript jquery html css typography


    【解决方案1】:

    我浏览了该项目的大量库,包括:

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

    【讨论】:

    • 感谢分享所有这些链接。也许Lettering.js 也有帮助。
    • @Arkana 我最终使用 Lettering.js 将文本分解为 spans。非常有用的脚本,虽然与调整文本大小/对齐文本没有太大关系。
    【解决方案2】:

    你可以看看Adjusting Kerning in CSS的CSS部分,你看看http://kerningjs.com/吗?

    【讨论】:

      猜你喜欢
      • 2016-03-24
      • 2014-07-23
      • 2019-01-31
      • 2014-01-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-11-30
      • 1970-01-01
      相关资源
      最近更新 更多