小程序怎么使用icon
第一步 下载icon
我选择的图标库是阿里图标官网, 加入购物车
第二步 转换ttf
因为小程序的wxss文件的font-face的url不接受http地址作为参数,但可以接受base64,因此需将字体文件下载后,转换为base64,然后引用
- 进入https://transfonter.org/平台
- 点击Add fonts,添加iconfont.ttf
- 勾选Base64 encode
- 点击 convert 完成转换
- 按照上图1,2,3的步骤 转换完成, 点击Download
第三步 在微信小程序中使用icon
- 解压 第二步中的文件夹找到stylesheet.css 文件
- 打开第一步中压缩包的iconfont.css,把里面圈红的部分(即fontface部分我们不需要啦)复制到stylesheet.css
- 修改后的stylesheet.css
- 修改stylesheet.css的文件后缀为wxss,即stylesheet.wxss
- 把stylesheet.wxss放进微信小程序的公共文件里面,然后把整个文件import到页面的样式表里
- 在wxml页面引入使用
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。