font-awesome.min.css 在线链接 - HTML

简介

font-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 即可使用。