У меня проблема с Font Awesome, из-за которой я чешу голову. Я пробовал разные версии CDN и версии, но теперь я установил его на свой локальный сервер, версия 5.11.2. Немного раздражает необходимость вносить изменения в разные версии Font Awesome.
<link href="/css/fontawesome/all.css" rel="stylesheet">
вместе с папкой webfonts в правильном месте.
У меня есть разметка:
<a href="#"><i class="icon-facebook2"></i></a>
<a href="#"><i class="icon-twitter2"></i></a>
<a href="#"><i class="icon-yahoo2"></i></i></a>
<a href="#"><i class="icon-google2"></i></a>
У меня есть это и на моей домашней странице, и на iFrame, который я загружаю где-то еще на сайте.
Значки хорошо отображаются на домашней странице, но в iFrame они не отображаются вообще. HTML есть, потому что там есть ссылка. Иногда нет даже маленького квадрата, который вы видите.
Я попытался закомментировать ссылку на fontawesome в iFrame, и это ничего не дает. Кстати, я вроде как забыл, нужно ли мне загружать библиотеки JS и CSS для iframe, если они были загружены в родительский файл, хотя я не уверен, что это проблема.
Если я использую:
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-yahoo"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
на домашней странице и в iframe, они оба работают, но все еще недоумевают, почему другой код работает на домашней странице, а не в iframe.