iconfont字体图标

泪湿孤枕 提交于 2020-02-13 22:42:35

1.1、进入阿里图标网站 http://www.iconfont.cn/

 

1.2、在购物车里添加自己需要的字体图标

 

1.3、下载代码

 

1.4、解压过后,找到iconfont.css,放在你的项目里,需要时引入。

 

1.5、使用时给标签添加俩个对应类名即可,第一个固定iconfont,第二个demo文件里有,

<i class="iconfont icon-all" style="color:green;font-size: 100px;"></i>

效果:

 

2.1、如果需要在微信小程序中使用,先进入转换网站,https://transfonter.org/

 

2.2添加ttf文件

 

2.3、设置成下面这样

 

2.4、点转变

 

2.5、完成后,下载

2.6、项目中引入css,使用方法和上面一样。

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!