Динамический Font-size

У меня есть несколько блоков одной ширины, например 300px. Каждый блок содержит одно слово с разным количеством букв(от 2 до 10). Как мне сделать так чтобы font-size у этого слова подстраивался и занимал 100% ширины блока, т.е. 300px. Высота блока может быть резиновой и не имеет значения. Пробовал через SVG тег , но там надо явно указывать font-size. Не могу придумать как, но может можно просчитать через calc CSS или функции SASS, но нужно без jQuery. Заранее спасибо! Может как-то поможет, но каждый блок - компонент React.