2022-12-17_fontawesome图标使用入门

前言

• Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。

1. 安装

• 网上下载或npm下载

<link rel="stylesheet" href="font-awesome/css/font-awesome.css">

2. 使用

• i,em,span元素都是可以的。官方建议用i。
• 注意class的fa，必须要有这个，否则会出现一个白色方框。
• fa-后面的是图标名称。可以在图标库查找
• 可以带fa-1x fa-2x等来控制大小

<i class="fa fa-sign-in"></i>
<em class="fa fa-sign-in"></em>
<span class="fa fa-sign-in"></span>

3.图标库

https://fontawesome.com.cn/faicons/