交换字体时的字体过渡

Question

我从Google字体加载了外部字体。我使用font-display: swap;来回退默认字体，直到加载了外部字体。但是，当它交换字体时，过渡实际上是突然的。

是否可以将这种字体交换行为转换为例如淡入淡出过渡？

Answer 1

您不能对字体系列使用转场或动画。但是，您可以尝试使用两个div，每个div具有不同的字体。默认情况下，隐藏第二个div，然后将第一个div的不透明度设置为0，将第二个div的不透明度设置为1。