Css Transition With Fonts

This is a tricky question: Does CSS transition with fonts work with font-weight and font-family? See for example: https://www.cqrl.in/dev/font-transition.html This is actually a Do

Solution 1:

Font transition solution using Javascript opentype.js and raphael.js library

Along with the hint given in https://css-tricks.com/svg-shape-morphing-works/ I was able to cook-up something that is preliminary here: https://cqrl.in/dev/font-transition-js.html

Pushed the code to github: https://github.com/Sukii/font-transition