1.移动Web-字体图标

字体图标

下载字体图标(https://www.iconfont.cn/
步骤:百度搜索iconfont--素材库或者搜索栏去搜索你想添加的字体图标--点击你想要添加的某个字体图标的购物车--点击右上角的购物车--悬着添加至项目(没有项目的要新建项目)--下载至本地,解压出来,解压的文件放在需要使用的文件夹的根目录

使用方法

1.unicode编码使用:
步骤:
⑴.引入下载好的字体图标文件夹的iconfont.css;
⑵.利用空标签(大部分都是用i标签)去承接Unicode编码内容;


image.png

⑶.声明字体图标库 font-family:iconfont


image.png

2.font-class类名调用:
步骤:
⑴.引入下载好的字体图标文件夹的iconfont.css;
image.png

⑵.类名:

第一个类名是固定的:iconfont;
第二个类名:通过demo_index.html文件或者项目主页面,直接去复制文字下的类名即可。


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容