Text drawing animation can be done using svg's stroke-dashoffset and stroke-dasharray in a similar way as stroke animation for a shape/path. First we create the text using the text element in svg. Using css we apply stroke-dasharray and stroke-dashoffset.
In this demo there are a few copies of the svg text, each one with a different color on a stroke, and each one with the same dash array defined. stroke-dashoffset animation technique is used to draw each text. There is a delay on the animation for each text. Thus, the second text starts after 1 second, the next after 2 seconds and so on.