¿Cómo animar el texto de escritura a mano en la página web usando SVG?

Intento animar un texto que creé y guardé como SVG. Hasta ahora pude animar el trazo solamente, pero no es lo que bash lograr. Aquí está el enlace al ejemplo que necesito:

[http://codepen.io/se7ensky/pen/waoMyx][1] [https://codepen.io/munkholm/pen/EaZJQE][1] 

Realmente apreciaré si alguien puede explicar cómo puedo implementar esto.

Esto es lo que tengo hasta ahora:

  [https://codepen.io/sora1/pen/LZNZva][1] 

Cómo funciona la animación Se7ensky es que utiliza la técnica de animación estándar del tablero, pero recorta el trazo animado con un contorno que representa el aspecto dibujado a mano del logotipo.

Entonces, la técnica estándar de animación de tablero funciona de la siguiente manera. Tomas una línea estándar:

    

El ejemplo parece una combinación de rutas svg y animaciones retrasadas.

Esta publicación de blog por CSS-Tricks lo explica bastante bien (tenga en cuenta que la svg debe tener trazos para que esto funcione): https://css-tricks.com/svg-line-animation-works/

Aquí hay una guía sobre stroke-dashoffset (utilizada en el ejemplo) que podría ser útil: https://css-tricks.com/almanac/properties/s/stroke-dashoffset/