javascript - 带有字体的 CSS 过渡

Question

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

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

标签： javascriptcsslatexsvg-animatemetafont

Answer 1

使用 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