Как поэтапно выводить текст (шрифт прописной рукописный)?
Первое, что приходит в голову, это преобразовывать текст в SVG элемент и по очередности анимировать path элементы, как тут: https://codepen.io/ghepting/pen/xnezB
Пожалуй, более легкого способа для полноценной имитации рукописного ввода нет, если не банальный побуквенный вывод текста с нужным шрифтом
Очень простой и примитивный вариант:  написать текст, закрыть непрозрачным блоком и постепенно сдвигать этот блок вправо (а-ля прогрессбар). Его же использовали в кино еще в 1967 году: https://youtu.be/FGZdYPS8PPw?t=40m26s
Если нужно красивей - тогда svg, как уже посоветовали. Но это уже гораздо сложнее делать.