Как динамически изменять размер текста в пределах диапазона?

Question

Я использую twitter-bootstrap, и я пытаюсь подгонять текст (с большим размером шрифта), содержащийся в span4.

Я пытаюсь изменить размер текста, чтобы он правильно вписывался в диапазон. В следующей скрипке вы сможете увидеть проблему: http://jsfiddle.net/DxcQy/ лучше, если вы видите результат здесь: http://jsfiddle.net/DxcQy/embedded/result/

HTML

<div class="container"> 
    <div class="row"> 
     <div class="span4"> 
      <h1>A</h1> 
     </div> 
     <div class="span4"> 
      <h1>AB</h1> 
     </div> 
     <div class="span4"> 
      <h1>ABC</h1> 
     </div> 
    </div> 
</div> 

CSS

.span4 h1{ 
    margin: 10px; 
    margin-top: 90px; 
    padding-top: 40px; 
    font-size: 14em; 
    font-weight: 800; 
    color: #282B36; 
    text-align: center; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
} 
.span4{ 
    background: red; 
    height: 500px; 
} 

---

Затем я нашел плагин jQuery под названием FitText, и я пытался использовать его как это: http://jsfiddle.net/DxcQy/12/

HTML

<div class="container"> 
    <div class="row"> 
     <div class="span4"> 
      <h1>A</h1> 

     </div> 
     <div class="span4"> 
      <h1>AB</h1> 

     </div> 
     <div class="span4"> 
      <h1>ABC</h1> 

     </div> 
    </div> 
</div> 

CSS

.span4 h1 { 
    margin: 10px; 
    margin-top: 90px; 
    padding-top: 40px; 
    font-size: 14em; 
    font-weight: 800; 
    color: #282B36; 
    text-align: center; 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 100% 
} 
.span4 { 
    background: red; 
    height: 500px; 
} 

JS

$(".span4 h1").fitText(1.3, { minFontSize: '8em', maxFontSize: '14em' }); 

Но, как вы видите, буквы слишком малы.

Любая помощь или совет будут оценены, и если вам нужна дополнительная информация, сообщите мне, и я отредактирую эту публикацию.

Answer 1

Использование BigText плагин: http://jsfiddle.net/DxcQy/17/

$(".span4").bigtext(
{ 
    childSelector: '> h1' 
}); 

Результат: