前言
最近在接手一个微信小程序，发现里面的图标都是使用的image组件，看起来非常别扭，加载也不太顺畅。
就想着看看微信有没有类似自带的图标库可以使用。
有是有，就是太少了，翻来翻去好像也就 8 种，不太够用啊。
官方没有就只能自己做了，还是阿里的iconfont好使，首先你得有iconfont的账号。
1、将你心仪的图标加入购物车
2、将图标添加至项目
点击右上角倒数第三个图标进入购物车，然后将购物车添加到我们的项目中，没有项目可以自行创建。
3、我的项目
进入到我的项目可以看到我们刚刚加入的图标，我的项目在最上方的资源管理 — 我的项目。
4、将项目下载至本地
解压后你会看到如下文件
5、将字体转换为base64
进入网站：https://transfonter.org/ ，找到文件中的 iconfont.ttf 字体文件，将字体文件转换为 base64。
记得开启第2步的 Base64 encode。
下载并解压后你将会获得如下的文件
6、样式文件修改
同时打开第 4 步下载解压的 iconfont.css文件和第 5 步，下载解压的stylesheet.css文件。
我们先看confont.css文件，红圈中的代码直接删除
再打开stylesheet.css文件，将红圈中的代码复制到confont.css文件中去
7、重命名
给confont.css重命名为 xxx.wxss，并放到微信小程序项目中去，注意：后缀必须是wxss
8、导入样式文件并使用
在app.wxss中导入我们的 xxx.wxss，我们生成的 icon 图标就可以在项目中使用了。
<view class="iconfont icon-bianji"></view>
至此，我们自定义的Icon图标就制作完成了
相关推荐
-
支付宝花呗怎么关闭自动还款（支付宝花呗怎么关闭免密支付功能）
关闭花呗需要做三步。第一，需要还清花呗借款，包括上月和本月所有金额。第二，需要确认淘宝单是否全部确认，并且付清所有花呗付款账单。第三，需要解除各种保证金授权。为了关闭花呗，我遇到需要解除顺风车保证金授...
-
笔记本风扇声音很大怎么解决（笔记本风扇声音大怎么回事）
炎热的夏天带来的不光是温度上的问题，对于电脑来说，风扇的工作量也会极大地提高。而随着风扇的工作量提高，风扇的声音也会越来越大。那么笔记本的风扇声音变大该怎么解决呢？ 下面小编给大家提几条建议，看看对大...
-
首次激活企业微信的正确方法（企业微信新用户怎么加入企业）
用户流量，作为企业经营发展的重要条件，无论是线上还是线下，都备受品牌企业的关注，微信作为天然的流量池，很多品牌通过公众号、小程序、社群等方式组建自己的私域流量池。 虽然私域这个话题很火，很多企业也都在...
-
mysql的json数据类型（mysql存储json数据）
JSON 数据类型是 MySQL 5.7.8 开始支持的。在此之前，只能通过字符类型（CHAR，VARCHAR 或 TEXT ）来保存 JSON 文档。 相对字符类型，原生的 JSON 类型具有以下优势： 在插入时能自动校验文档是否满足要求 JSON 格式...
-
穷人怎么翻身发财快（穷人翻身的机会在哪里出现）
走正道，讲真话，做逆袭路上的引路人。我是川叫兽，深挖贫富本质，助力收入翻倍增长！ 穷人翻身的机会在哪里？在挖掘这个问题的答案之前，我们需要思考的是另外一个问题：穷人想要翻身，真正缺的东西是什么？ 穷人翻...
-
含镁高的食物有哪些（含钾高的食物有哪些水果蔬菜）
镁具有多种特殊的生理功能，它能激活体内多种酶，参与体内蛋白质的合成、肌肉收缩及体温调节。含镁的食物包括小米、荞麦面、黄豆、蚕豆、豌豆、冬菇、紫菜、桃子、桂圆、核桃、花生等。镁的作用_含镁高的食物有哪些 ...
