带字体的 CSS 过渡

问题描述

这是一个棘手的问题：
带有字体的 CSS 过渡是否适用于 font-weight 和 font-family？
参见示例：
https://www.cqrl.in/dev/font-transition.html

这实际上是 Donald knuth MetaFont 的问题，会让 Douglas Hofstadter 微笑！
有没有希望通过 Canvas/SVG/SVG-font 或类似的东西来做？
如果将它们视为曲线，那么它在拓扑上就是一个简单的同伦变形。

解决方法

使用 Javascript opentype.js 和 raphael.js 库的字体转换解决方案

连同提示中给出的 https://css-tricks.com/svg-shape-morphing-works/
我能够在这里做一些初步的事情：
https://cqrl.in/dev/font-transition-js.html

将代码推送到github： https://github.com/Sukii/font-transition