调用阿里巴巴字体图标

290 阅读1分钟

##如何调用阿里巴巴矢量字体图标

1、登陆网站:www.iconfont.cn/plus

2、选择导航栏的图标管理-我的项目-右侧中间图标(新建项目)

3、给项目进行命名

4、返回首页,选择需要字体图标,加入购物车

5、点击右上角(购物车图标),将车内的所有字体图标加入到已经新建好的字体图标项目文件中。

6、到图标管理-我的项目中,选择,下载至本地。

7、将文件名修改为fonts即可

8、将fonts文件夹复制到项目的根目录下;

9、将iconfont.css这个文件中@font-face{};的所有内容复制到项目的中;

10、在body中信件一个span或者i标签;

11、打开fonts文件中的demo_index.html,选中需要的字体图标,反白选择,并且按下Ctrl+V进行复制

12、在body中引入这个复制的方框;即可;

13、同时,需要在style中对span的样式进行声明。

14、调用字体图标结束。

15、亲自测试,绝对有效。

注意:demo_index.html下方有,对于如何使用字体图标的具体说明;