Font Awesome 字体的以及 图标的使用总结

首先说一下中文网站的路径:http://www.fontawesome.com.cn/faicons/

下载了新版本后,将font、css文件夹放到项目目录下
打开css文件,将@font-face中的路径修改为正确的路径
在html文档中的head部分,引入css 文件
具体使用图标的时候,几乎可以用在任何地方,只需要使用CSS前缀fa,再加上图标名称。
如:<a href="javascript:;" class="volume fa fa-volume-up"></a>
<a href="javascript:;" class="expand fa fa-expand"></a>

效果为:这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_42926749/article/details/82557666