Question

iconfont引入到uniapp中，部分图标变成了跟原本毫无关系的图标？

尝试过使用 Unicode 方式引入，修改过图标的 class，问题依然存在

相关代码

<uni-grid :column="3">
    <uni-grid-item v-for="(btn, i) of btns" :key="i" :index="i">
      <view class="grid-item-box">
        <text class="iconfont" :class="btn.iconClass"></text>
        <view>{{ btn.text }}</view>
      </view>
    </uni-grid-item>
</uni-grid>

export default {
    data() {
      return {
        btns: [{
          text: "入库记录",
          iconClass: "icon-rukujilu1"
        }, {
          text: "出库记录",
          iconClass: "icon-chukujilu1"
        }, {
          text: "盘点记录",
          iconClass: "icon-pandianjilu1"
        }, {
          text: "保养记录",
          iconClass: "icon-baoyangjilu1"
        }, {
          text: "维修记录",
          iconClass: "icon-weixiujilu4"
        }, {
          text: "报废记录",
          iconClass: "icon-baofeijilu"
        }]
      }
    }
  }

上面一共六个图标，除了保养记录，其余的图标都是正确的。而保养记录原本在iconfont网站是这个样子（期望的样子）：

然而在项目里是这个样子：

百思不得其解，求各路大神来显灵。

Answer 1

有一个可能是字体图标的font-family重复了，可以换一个，不要起iconfont这个名字。