多等寬線多段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看到它在行動。