#html #css #angular #icons #font-awesome
#HTML #css #angular #Значки #шрифт -потрясающий
Вопрос:
Итак, я работаю над проектом для школы и хочу включить значки fontawesome. Моя проблема в том, что ни один значок, независимо от того, какой я использую, не отображается. Я попробовал это в пустом html-файле с пустой страницей, и в этом случае это работает. Может кто-нибудь сказать мне, почему он не отображается на изображении ниже? Заранее спасибо!
...
<head>
<script src="https://kit.fontawesome.com/505871b650.js" crossorigin="anonymous"></script>
</head>
...
Комментарии:
1. Было бы намного лучше, если бы вы включили некоторый текстовый код в свой вопрос, вместо того, чтобы предоставлять ссылку на изображение 🙂
2. Да, я знаю, вставка кода просто оказалась немного глючной / неясной. Спасибо за предложение, тхо!
Ответ №1:
Если вы хотите, чтобы все было просто, просто поместите в <head> свой тег следующее:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" crossorigin="anonymous">
И вам не нужно использовать <script> тег для интеграции fontawesome, взгляните на этот документ .
Комментарии:
1. Что ж, теперь это работает. Спасибо за быстрый и простой ответ, я действительно ценю это. (:
2. не забудьте принять мой ответ и проголосовать, если это помогло вам 🙂
3. Привет, могу я спросить, почему тег script не может быть в теге head? Кажется, это подходящее место для их размещения. Вы можете использовать defer, если не хотите задерживать загрузку. Возможно, я упускаю какой-то момент. (Я понимаю, что это не имеет прямого отношения к решению, приведенному здесь, но для ясности для тех, кто появится здесь позже),
4. Я имею в виду, что, конечно, вы можете поместить теги скриптов внутри тега head, но в целом вы хотите поместить их в конец вашего документа, просто потому, что вы хотите запросить документ, когда он будет полностью загружен. Я отредактировал свой ответ