iconfont应用于微信小程序

之前我在《好用免费的ICON库–Iconfont》里写了iconfont的用法,里面的用法应用在普通页面毫无问题,但遇到微信小程序时,出了点状况。

《好用免费的ICON库–Iconfont》的方式,把文件拷到小程序项目,然后把css文件的扩展名改成.wxss,在微信小程序开发工具中都好好的,能正常使用,但上传时发现坑了。微信小程序上传时,不会把.eot, .svg, .tff等文件上传,即除了图片格式和小程序自身支持的.js, .json, .wxml, .wxss的文件格式外,其余文件都不会上传。OMG!!!

无奈只好找解决办法,参考了一些前辈文章,嘿嘿…妥了!!

解决方法:

1.只需拷贝iconfont.css到工程中,改扩展名为.wxss

2.把iconfont.wxss中修改@font-face部分的代码

3.保存重新加载工程就妥了。

 

这个办法确实解决了问题,只是每次图标库发生变化,都要重复一遍操作。


发表评论

电子邮件地址不会被公开。 必填项已用*标注