📅  最后修改于: 2023-12-03 15:15:09.695000             🧑  作者: Mango
font-awesome.min.css
在线链接 - HTMLfont-awesome.min.css
是一个基于 CSS 的 icon 库,提供了数百个图标,可以使用 CSS 直接引入 HTML 页面中。该库支持多种尺寸和颜色,并支持通过 CSS 修改图标样式。
在 HTML 页面中引入以下链接即可使用 font-awesome.min.css
:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-nT98PllrX+EMv6UeTgbokpY4Zw4+ZVeqO703Rhyop7VJlMBz9OyGQfXDz06qB3Q+w5wrrJ0Z0gr/mcziO5aEhw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
在 HTML 中使用对应的 class 即可使用对应的图标,如下所示:
<i class="fas fa-inbox"></i>
其中 fas
表示使用 solid
样式的图标,fa-inbox
表示使用 inbox
图标。更多的图标可以在 官方文档 中查看。
修改样式可以使用 CSS 的方式进行,例如:
.icon {
color: red;
}
将 HTML 中的图标 class 修改为 icon
,即可改变图标颜色为红色。
font-awesome.min.css
是一个非常方便实用的图标库,可以大大提高开发效率,并且支持多种样式修改。在项目中使用时,只需要引入链接和对应的 class 即可使用。