2022-12-17_fontawesome图标使用入门
2022-12-16 本文已影响0人
微笑碧落
前言
- Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。
image.png
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>
