Многострочный многострочный текст с текстом?

Question

Дизайнер сделал очень хороший дизайн, который мне очень трудно применить. Он должен применяться к заголовкам Wordpress, чтобы он работал с любым текстом.

Итак, прежде чем я выключу ее идею, я проверю SO вверх :).

Титулы должны быть многострочными, одним или несколькими словами в строке. Строки будут расщепляется с помощью PHP в соответствии с заданным алгоритмом, который подсчитывает символы в как можно ровнее линии, чтобы выглядеть следующим образом:

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

должен быть отрегулирован на каждой линии font-size так что ширина равна полной ширине (фиксированный) из коробка 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, чтобы увидеть его в действии.