Css 无法解决确保文本在webfont加载期间保持可见的问题

我已经在chrome上用LightHouse测试了我的代码，我无法解决这个错误-

Ensure text remains visible during webfont load.
Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.

我已经在style.css、资产中的style.scss、index.html和angular7模板中组件的每个.css文件中介绍了这个css代码

我的css代码是-

@font-face {
    font-family: "Open Sans Regular";
    font-style: normal;
    src: url("../font/opensans-regular-webfont.woff2") format("woff2");
    font-weight: 400;
    font-display: swap;
  }

---

无论我把css放在哪个地方，我都无法解决错误。

您是否尝试更改字体显示属性？确定。我试试看。Thanks@Aslam，我尝试更改字体显示属性将显示所有可能的选项。还是没有用。你还有其他建议吗？把字体加载到html的头部而不是css文件中怎么样？例如，加载google字体的方式。