有没有办法显示交换反应光滑的字体？

问题描述

我正在尝试使用 Lighthouse 提高我的网站性能，但它诊断出光滑的字体不是显示交换。

我的项目使用 react-slick 和 slick-carousel：

package.json

...
"react-slick": "^0.25.2","slick-carousel": "^1.8.1"
...

在我的代码中：

import Slider from 'react-slick'

import 'slick-carousel/slick/slick.css'
import 'slick-carousel/slick/slick-theme.css'

function MyCustomCarousel({ children,...otherProps }) {
  return (
    <div className='carousel'>
      <Slider 
        {...otherProps} 
        dots
      >
        {children}
      </Slider>
    </div>
  )
}

来自灯塔工具：

确保在 webfont 加载期间文本保持可见 font-display CSS 功能可确保文本在 webfonts 时用户可见 正在加载。 URL 潜在节省 ...fonts/slick.woff

如何进行流畅的字体显示交换？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）