小编wil*_*air的帖子

灯塔审计建议我预载关键请求，特别是我在React应用程序中使用的两种Google字体。灯塔成员建议使用： <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto:700" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>

我知道它是在发出请求，因为我在瀑布中看到了它，并且收到了以下控制台警告：

“资源https://fonts.googleapis.com/css?family=Open+Sans|Roboto:700已使用链接预加载进行了预加载，但在窗口加载事件发生后的几秒钟内未使用。请确保它具有适当的值，并有意预加载。”

不幸的是，这两种字体不再显示在我的应用程序中。我是否需要在CSS中使用@ font-face或类似的东西定义这些？

我正在使用React门户在表单提交后创建一个模式弹出窗口。我只想模糊背景，并像图2一样显示模态。我document.body.style.filter = "blur(5px)在第一张图片中使用过，但是它模糊了所有内容。模态和模态根的CSS（我的代码几乎与门户网站的React文档相同）

```
#modal-root {
  position: relative;
  z-index: 999;
}
.modal {
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  z-index: 99999;
}```