Маяк: убедитесь, что текст остается видимым во время загрузки веб-шрифтов MaterialDesignIcons. ⇐ CSS

[Anonymous]

Я хочу улучшить оценку Google Lighthouse веб-приложения, созданного с помощью Vuetify.
Чтобы повысить оценку производительности, я пытался избавиться от диагностики:

Убедитесь, что текст остается видимым во время загрузки веб-шрифта.
Используйте функцию CSS Font-Display, чтобы текст был виден пользователю во время загрузки веб-шрифтов. . Узнайте больше
URL: https://cdn.jsdelivr.net/npm/@mdi/font@ ... 2?v=4.5.95 (cdn. jsdelivr.net)

Этот результат также наблюдался при установке Roboto через https://fonts.googleapis.com, и он исчез, когда я добавлен display=swap к ссылкам следующим образом:

Код: Выделить всё

Однако, очевидно, не имеет никакого значения добавлять display=swap в CSS-файл MaterialDesignIcons, например:

Код: Выделить всё

При этом элемент диагностики не исчезает. Как мне загрузить материалdesignicons.min.css, чтобы текст оставался видимым во время загрузки веб-шрифта?

Подробнее здесь: https://stackoverflow.com/questions/586 ... cons-webfo