多等宽线多段HTML文本？

Question

设计师做了一个非常好的设计，这对我来说很难应用。这是要应用于Wordpress的帖子标题，所以它应该适用于任何文本。

因此，在我关闭她的想法之前，我会检查起来:)。

标题应该是多行，每行一个或多个字。

<h1> 
    <span>Lorem Ipsum</span> 
    <span>Dolor Sit</span> 
</h1> 

每一行的font-size应该进行调整，以便它的宽度等于全宽（固定）：行会使用PHP根据给定的算法，统计字符数为尽量均匀的线条，看起来像这样劈裂h1框。此外，还会使用一些不利的line-spacing。它应该是这样的：

我能负担得起使用CSS3和JS这一点。

Answer 1

我尝试了几个插件，但没有很好地完成这项工作，我发布了这个问题。但后来我试了BigText。

HTML

<h1 id="bigtext"> 
    <div>Lorem Ipsum</div> 
    <div>Dolor Sit</div> 
</h1> 

CSS

#bigtext { 
    font-family:'Arial Black', sans-serif; 
    text-align: center; 
    width: 400px; 
    margin: 60px auto; 
    text-transform: uppercase; 
    line-height: 0.75; 
    letter-spacing: -3px; 
} 

JS

$("#bigtext").bigtext(); 

这里有一个JFiddle看到它在行动。