Did you know you can render text with SVG? You can! And better yet, you can combine it with other creative SVG techniques to produce specialized typography treatments, like animated text or text filled with gradients. Even text filled with gifs! The best part? It’s all responsive.
In this talk, you’ll learn:
- The ins and outs of the SVG <text> elements and attributes
- The importance of the `viewBox` attribute and the <defs> element
- Fully responsive custom text layouts
- Bending text along a curved path
- Filling text with gradients and images
- Animating text fills and strokes
- Advanced animation techniques for morphing letters