Как вычислить размер шрифта для блока div с заданным размером?

Question

[Alex]

Есть допустим div блок размерами 300х200 и есть текст разной длинны. Нужно подобрать ему размер шрифта такой, чтобы он заполнял всю область div не оставляя сверху и снизу места, но и не выходил за его пределы.
Как это можно реализовать?

Comments

[Сергей delphinpro]

https://github.com/davatron5000/FitText.js
изучайте

[Alex]

Сергей delphinpro, Ещё бы он работал как надо...))

Скриншоты

Переполняется сразу. А короткие тексты имеют куча свободных мест сверху и снизу. Так подгонять текст через коэффициенты выдуманные формулами на основе ширины блока без явного анализа высоты строки и тд., я и без этого плагина могу))
Только толку от этого мало, как видно короткий текст, или более длинный уже он не сможет подогнать, потому что явно не смотрит на габариты текста, это надо кучу поправочных коэффициентов делать. А при смене шрифта это сразу всё будет ломаться и тд и тп.
Так что изучать там нечего увы)

[Ankhena]

В некоторой степени можно использовать единицы измерения от контейнера cqw и т.д.
Либо плагины типа fitText
Либо можете посчитать самостоятельно.

Скриншоты

Ага.
Ну сначала нужно узнать как работает текст в html (впрочем не только там).
И разбить на строки.

[RyDVi]

Кажется тебе нужно не с js, а со стилями css поработать. Например, задать какой-нибудь процент от блока в font-size.

Answer 1

[Сергей delphinpro]

велосипед не мой. вроде работает.

Comments

[Alex]

Вот это уже интересно, действительно рабочий вариант! Спасибо, тут есть что поизучать)