【问题标题】:Why doesn't the Fontawesone-Icon show up?为什么不显示 Font Awesome-Icon?
【发布时间】:2020-10-12 00:37:57
【问题描述】:

所以我正在为学校做一个项目,并希望包含 fontawesome-icons。我的问题是,无论我使用哪个图标,都没有出现。我在一个只有空白页的空 html 文件中尝试了它,在这种情况下它可以工作。谁能告诉我为什么它没有出现在下图中?提前致谢!

Code of my website

...    
<head>
      <script src="https://kit.fontawesome.com/505871b650.js" crossorigin="anonymous"></script>
</head>
...

【问题讨论】:

  • 如果您在问题中包含一些文本代码而不是提供图像链接会更好:)
  • 是的,我知道,插入代码似乎有点错误/不清楚。谢谢你的建议!

标签: html css angular icons font-awesome


【解决方案1】:

如果您想让事情变得简单,只需将以下内容放入您的 &lt;head&gt; 标签:

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

而且你不需要使用&lt;script&gt;标签来集成fontawesome,看看这个doc

【讨论】:

  • 好吧,现在可以了。感谢您快速简单的回答,我真的很感激。 (:
  • 别忘了接受我的回答,如果对你有帮助的话请点赞:)
  • 嗨,我能问一下为什么脚本标签不能在头标签中吗?那似乎是放置它们的好地方。如果您不想在加载时耽搁,您可以使用 defer。我可能在这里遗漏了一些观点。 (我意识到这与这里给出的解决方案没有直接关系,但为了让那些稍后登陆这里的人清楚),
  • 我的意思是你可以把 script 标签放在 head 标签内,但一般来说你想把它们放在文档的末尾,只是因为你想在文档完全加载时查询它。我编辑了我的答案
猜你喜欢
  • 1970-01-01
  • 2023-03-09
  • 1970-01-01
  • 2017-07-17
  • 1970-01-01
  • 2019-11-14
  • 1970-01-01
  • 1970-01-01
  • 2018-07-21
相关资源
最近更新 更多