技术栈

fontawesome 图标在微信小程序中使用教程

2019-04-30  本文已影响13人  Rising_life

fontawesome图标是一套前端使用频繁的icon字体图标库,在微信小程序中同样也可以使用。

1. 下载字体图标,官网链接

2. 找到1中下载的字体图标文件中的如下图.ttf文件

3. 将2中的字体在https://transfonter.org/ 中,转换成css文件

第一步

第二步

第三步

第四步

4. 将3步中得到的css文件中的样式,全部复制粘贴到app.wxss中

5. 将1中下载的字体图标文件中font-awesome.css文件,复制到app.wxss中,删除@fact-face{}部分

6. app.wxss文件中调用

7. 在wxml中使用方法与HTML中相同。

上一篇 下一篇

猜你喜欢

热点阅读