在webstorm开发微信小程序之如何使用自定义字体图标

这篇文章主要介绍在webstorm开发微信小程序之如何使用自定义字体图标,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站建设、嘉峪关网络推广、成都微信小程序、嘉峪关网络营销、嘉峪关企业策划、嘉峪关品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供嘉峪关建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

1.下载阿里图标,解压出来之后有个.css文件

在webstorm开发微信小程序之如何使用自定义字体图标

然后复制这css里面的所有代码

2.新建一个wxss文件,例如我新建的就是iconfont.wxss,然后把刚才复制的所有代码,复制到这个文件里面去。

3.在需要使用到图标的页面导入该wxss文件。例如:

在webstorm开发微信小程序之如何使用自定义字体图标

这样在该wxml页面就可以使用图标了

在webstorm开发微信小程序之如何使用自定义字体图标在webstorm开发微信小程序之如何使用自定义字体图标

以上是“在webstorm开发微信小程序之如何使用自定义字体图标”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站名称:在webstorm开发微信小程序之如何使用自定义字体图标
转载注明:http://azwzsj.com/article/gpgicd.html