FontAwesome


前言

最近在做项目,然后会需要一些小图标。也尝试去百度然后下载或者p图,一两个还行多了就感觉非常麻烦,就非常苦恼,偶然间发现Font Awesome,感觉非常好用,现在记录一下使用方法。

资源库



Font Awesome中文网

正文

第一步下载资源包(上面是中文网,图标很多很齐全)。如下图将css和fonts放入项目中就ok。


第二步在页面中引用
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
第三步使用具体图标了,如下图

点击你想要的小图标,如下图可以查看具体使用情况如下图,

Tip:图标的样式通过css可以进行调整,比如想换颜色,就将font-color设置成想要的颜色即可。