Изменение размера шрифта в зависимости от контейнера

на js без особых проблем.

• Вычисляем свободную высоту блока
• В цикле увеличиваем размер шрифта до тех пор, пока высота не достингнет необходимой величины.

Но есть нюанс, размер шрифта будет прыгать после загрузки страницы. Т.е. он сначала будет маленьким и только потом подгоняться под размер. Скорее всего это будет заметно

Типа как-то так

<style>
 .ds{ width: 200px;}
.s{
  display: block;
  width: 100%;
  font-family: Lucida Console;
  line-height: 0.8em;
  font-weight: 600;
}
</style>
<div class="ds">
<span class="s">Ваш</span> <span class="s">отдых</span> <span class="s">начинается</span> <span class="s">прямо</span> <span class="s">здесь</span>
</div>
<script>
$('.s').each(function(){
  var a=$(this).text();
  $(this).css('font-size', 2000/a.length +'%');
});
</script>

Sitealert,

Круто :)

Я так понял, работает только с моноширинными шрифтами?

line-height конечно добавляет разные промежутки между строками, но даже в таком виде уже можно как-то использовать.

Ну да, у меня с моноширинным получилось - как бы без особых "исканий", а с line-height тоже можно ещё помудрить :).

Оптимизайка,

Не то, совсем не то.