1. 可变字体 上图中的两个动画,一个文字直接变粗,一个渐渐变粗,我觉得后者会更有趣.但普通的字体可达不到这种效果,例如微软雅黑,无论怎么调整它的 FontWeight,实际上它也只有三种粗细: 这时候我们需要可变字体,可变字体(Variable fonts)是OpenType字体规范上的演进,它允许将同一字体的多个变体统合进单独的字体文件中.从而无需再将不同字宽.字重或不同样式的字体分割成不同的字体文件.你只需通过CSS与一行@font-face引用,即可获取包含在这个单一文件中的各种字体变体