我想提高使用Google Lighthouse构建的Web应用程序的Vuetify得分。
为了提高性能得分，我一直在尝试摆脱诊断：
确保在webfont加载期间文本仍然可见
利用字体显示CSS功能来确保在加载Web字体时用户可见文本。 Learn more
URL：https://cdn.jsdelivr.net/npm/@mdi/font@latest/fonts/materialdesignicons-webfont.woff2?v=4.5.95（cdn.jsdelivr.net）
此结果也用于安装Roboto至https://fonts.googleapis.com，当我向链接中添加display=swap时，它消失了，如下所示：
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link
rel="preload"
as="style"
href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap"
crossorigin>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap"
crossorigin>
但是，很明显，将display=swap添加到MaterialDesignIcons css file并没有任何作用，例如：
<link
rel="preload"
as="style"
href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css?display=swap"
crossorigin>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css?display=swap"
crossorigin>
这样做，诊断项目不会消失。我应该如何加载materialdesignicons.min.css，以便在加载Webfont时文本保持可见？