预加载将使font-awsome.css无法下载字体

Question

我使用下载CSS文件的基本方式，它可以自动下载字体文件

online example

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

<i class="fa fa-camera-retro fa-2x"></i> fa-2x

---

当我使用预加载时，它无法自动设置字体字体

• 将 rel 更改为预加载
• 添加 as =“ style”

online example

<link rel="preload" as="style"  href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>

<i class="fa fa-camera-retro fa-2x"></i> fa-2x

如何使用预加载来下载字体文件？