Как добавить стиль в импортированную библиотеку ccs?

Question

Я пытаюсь улучшить GooglePageSpeed ​​моего веб-сайта https://agariogame.club/, и у меня возникла проблема (избегайте показа невидимого текста). Проблема в библиотеке, которую я использую. Я использую его из Cloudflare с кодом.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Чтобы решить проблему, мне нужно добавить это в библиотеку.

font-display: swap;

В этой библиотеке используется шрифт, который У меня есть проблема.

Как добавить "font-display: swap;" решить проблему?

У меня есть предложения, как решить. Просто скачайте и исправьте, используйте локально. Но это снизит производительность.

Answer 1

Вы можете скачать настольную версию font-awesome и использовать ее. Это также улучшит скорость, так как вы можете использовать только значок, который вы хотите в SVG-стиле.

Для этого вам нужно добавить файл CSS с именем all.min.css (Это будет происходить с загрузкой font-awesome). Файл all.min.css должен находиться в папке с именем css, и из этой папки должна быть еще одна папка с именем webfonts (вы получите его с потрясающей загрузкой шрифта).

Для загрузки посетите: https://fontawesome.com/download на первой странице вы получите два варианта загрузки: один для веб-сайта / Загрузить и второй для рабочего стола. Вы загрузите веб-версию. Настольная версия содержит только SVG. Вы получите zip-файл со всеми необходимыми файлами.

Размещение в папке:

Основная папка -

Папка 1 - css: Файлы ( 1): all.min. css

Папка 2 - веб-шрифты: файлы (15): ......