uni-app 里面阿里字体图标颜色不对

Question

为什么阿里的字体图标传上去是黄色，添加到项目里面就成黑色了。

改字体颜色的话全部都成黄色了，不是应该边框还是保持黑色吗？这个是怎么回事呢，还是我上传图标的时候需要做什么设置？

Answer 1

不支持彩色的

Answer 2

引入彩色图标

1.项目中引入iconfont.js

// main.js
import './assets/iconfont.js'

2.使用

<svg class="icon" aria-hidden="true">
  <use xlink:href="#qc-icecream"></use>
</svg>

3.修改大小

.icon {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

Answer 3

SVG，没有这么问题，直接文件的形式引入