Как адаптировать размер шрифта под блок?

Question

[Филипп Гаврилов]

Есть блок фиксированной ширины, в который транслируется текст. Как сделать, чтобы font-size подгонялся таким образом, чтобы текст всегда занимал весь блок по ширине и уменьшался в размерах по мере ввода?

Пример

В своё время, для полей использовал плагин inputfit.js
А есть для простых блоков подобное?

Comments

[diadiafiodor]

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

[Филипп Гаврилов]

diadiafiodor, нет, нужно чтобы работало именно как я описал

Answer 1

[Александр]

Вариант решения "в лоб", но что-то ничего лучше я не придумал: https://jsfiddle.net/t93zoorg/1/

Comments

[Филипп Гаврилов]

спасибо большое, в принципе оно
и ещё два момента:
- почему скрипт не воздействует на текст который находится в диве по умолчанию ("текст")?
- как поставить максимальное значения размера шрифта, после которого он уже не масштабируется на весь блок? Ну то есть некий диапазон minSize, maxSize

[Александр]

- почему скрипт не воздействует на текст который находится в диве по умолчанию ("текст")?

Потому что дивка фиксированой ширины

- как поставить максимальное значения размера шрифта, после которого он уже не масштабируется на весь блок? Ну то есть некий диапазон minSize, maxSize

Размер шрифта перебирается for от 1 до 500, ну собственно это и есть minSize и maxSize