Font Awesome 的图标类名怎么加入项目
要在 HTML 中引入图标,您需要使用 i
元素,并将 Font Awesome 的 CSS 类名作为 i
元素的类属性。
以下是一个示例代码,演示如何使用 Font Awesome 的大拇指向上图标
<!-- 引入 Font Awesome 的 CSS 文件 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
<!-- 在 HTML 中使用 Font Awesome 的大拇指向上图标 -->
<i class="fas fa-thumbs-up"></i>
在这个示例代码中,我们使用 link
元素引入了 Font Awesome 的 CSS 文件。然后,我们创建了一个 i
元素,并将 fas fa-thumbs-up
这两个类名添加到元素的类属性中,以指定要显示的图标类型。
请注意,如果您要在本地使用 Font Awesome,则需要通过下载并将字体和 CSS 文件添加到您的项目中来获取这些图标。然后,在 HTML 文件中添加对 CSS 文件的链接标记,就像上面的代码示例一样。
参考