Andrew

Никак, а вот через JS вполне.
1) https://github.com/zachleat/BigText
2) https://github.com/davatron5000/FitText.js

Да и это в нагрузку simplefocus.com/flowtype

https://jsfiddle.net/9hrLnmcc/
С выравниванием текста я не заморачивался ( direction: rtl; // для иврита)

getTotalLength() FF не понимает...

FF 43 dev считает нормально, другого FF у меня нет. в 30+ версиях были ошибки с этим точно.

jsfiddle.net/9yevw83s

Натыкался на подобную проблему с owl corousel. Периодически криво высчитывается ширина контейнера с слайдами на некоторых разрешениях. Писал костыли на resize и диапазон ширин, в которых слайды не влезали. (для .owl-stage)

jsfiddle.net/u14yp9y4/4 если совсем просто

Можно, на каждый элемент задержку анимации поставить www.w3schools.com/cssref/css3_pr_animation-delay.asp

В инструментах разработчика chrome можно влючить

www.w3schools.com/TAgs/canvas_filltext.asp Что-то вроде того

jsfiddle.net/mhrqzxLx

В помощь htmlbook.ru/css/box-sizing

Если не предполагается использование браузеров раннего палеолита, то можно так:

<picture alt="description of image">
  <source src="small.jpg">
  <source src="medium.jpg" media="(min-width: 400px)">
  <source src="large.jpg" media="(min-width: 800px)">
  <img src="small.jpg" alt="description of image">
</picture>

https://github.com/smashingboxes/OwlCarousel2 , https://github.com/kenwheeler/slick

htmlbook.ru/css/background-size

htmlbook.ru/css/animation-delay
www.w3schools.com/cssref/css3_pr_animation-delay.asp