首页 > 解决方案 > 如何将 Font Awesome 添加到我的项目中,以便正确显示图标?

问题描述

所以......我访问了:

https://fontawesome.com/start

下载了 zip 文件,我只想使用图标,所以我抓取了 fontawesome.min.css 文件并连接到我的 html 文件:

<link rel="stylesheet" href="lib/css/fontawesome.min.css">

在他们的网站上,我找到了一个我想使用的代码:

<i class="fas fa-cloud-download-alt"></i>

上面这段代码的链接在这里: https ://fontawesome.com/icons/cloud-download-alt?style=solid

我在他们的网站上抓取的代码不起作用。

我在这里想念什么?如何将 Font Awesome 添加到我的项目中以显示图标?

标签: htmlcssfont-awesome

解决方案


所以我找到了答案,需要这两个文件才能使 fontsawesome 工作:all.min.css 和 all.min.js 加上根目录中的 webfonts 文件夹,然后“Font Awesome”中的所有代码都可以工作,这些文件是最低要求。如果您不需要所有代码,它可能会更小,而不是“全部”,有更小的文件允许只使用“Font Awesome”的一小部分。


推荐阅读