fontawesome(字体图标)
大山
•
•
阅读
登陆官网下载（注意：下载免费版 不要下载专业版（收费））
（下载web 免费版）
将下载的压缩包解压
将解压后的文件中的css和webfonts文件拷贝到项目中（注意：两个文件要在同一个目录下）
将all.css或者all.min.css引入到网页中
使用图标
5.1直接使用类名
<i class="fas fa-*"></i> fas为固定写法 fa-* 查看文档要用哪个图标就把*改为图标的名字 还有一些事fab的 具体查看文档 如果想修改大小 颜色 可以在添加一个类 进行css设置
5.2其他使用方法
伪元素法before或者after
元素::before{ content:"\f1b0"; font-family:"Font Awesome 5 Free"; font-weiht:900}
\f1b0 是图标的编码（文档中找） font-family:Font Awesome 5 Free（Font Awesome 5 Brands）查看引入的css可以找到 其他样式自己添加 如颜色 大小等
5.3实体法
<span class="fas"></span> f0f3编码
已收藏" data-cancel="加入收藏" onclick="ey_v378141(126,'off',this);" >加入收藏
本站部分内容来源于网络，版权属于原作者所有，本站文章只用于个人学习使用；如有侵犯联系站长删除！谢谢。
发布者：大山，转载请注明出处：https://web-note.cn/article/xiaojiqiao/126.html
