Добавление FontAwesome в стиль amp-custom

Я пытаюсь разместить исходный код FontAwesome:

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

в разделе под тегом:

      <style amp-custom>
...
</style>

чтобы соответствовать стандартам AMP и не получать ошибок при проверках Google.

Мой текущий код

      <style amp-custom>
@font-face {
font-family: "Font Awesome 6 Free";
src: url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css);}
body { font-family: "Font Awesome 6 Free";content="";}

</style>

Однако я до сих пор не вижу значков FontAwesome. Можете ли вы помочь мне с исправлением кода? Не уверен, что не так с новейшей версией FontAwesome.

Спасибо за помощь. Якуб

Источник

1 ответ

Вам не нужен @font-face в вашем CSS.

Это должно работать, просто добавив CSS-файл FontAwesome в голову:

      <head>
<link rel="stylesheet" href="https://use.fontawesome.com">
</head>

И затем вы можете использовать его в своем HTML следующим образом:

      <i class="fa fa-bomb" aria-hidden="true"></i>
Источник
Другие вопросы по тегам