Используя CSS, и, в частности, не загружая javascript, можно было бы сделать это:

У вас есть ячейка шириной 150 пикселей и высотой 100 пикселей. Он содержит текст, например: $ 20,00 или любой другой вариант.

Вы хотите, чтобы он идеально подходил к размеру контейнера.

Я мог бы сделать это с помощью JavaScript, увеличивать размер текста, пока контейнер без отступов / полей не достигнет ширины и / или высоты ячейки. Или содержите его в чем-то, для которого переполнение установлено на auto, и посмотрите, когда оно переполнится или что-то в этом роде.

Можно ли это сделать с помощью чистого CSS?

Примите во внимание, что шрифт также не является шрифтом фиксированного размера. Используйте Arial, если хотите.