我从 Google Fonts 加载了一个外部字体。我使用 font-display: swap;
来回退到默认字体,直到加载外部字体。但是,当它交换字体时,转换真的很突然。
有没有一种方法可以将这种字体交换行为转换为淡入淡出转换?
最佳答案
您不能对 font-family 使用过渡或动画。但是,您可以尝试使用两个 div,每个使用不同的字体。默认情况下隐藏第二个 div,然后将第一个 div 的不透明度设置为 0,将第二个 div 的不透明度设置为 1。
关于html - 交换字体时的字体过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55001794/