背景:
项目中引入了iconify图标库,低版本谷歌浏览器下图标不能正常渲染
相关代码如下:
<template>
<ElIcon :class="prefixCls" :size="size" :color="color">
<span :class="$attrs.class" :style="getIconifyStyle">
<span class="iconify" data-icon="bx:edit"></span>
</span>
</ElIcon>
</template>
data-icon值
bx:edit: 114、124版本谷歌浏览器下图标均正常渲染
material-symbols:add: 114版本谷歌浏览器下图标没有渲染出来,124版本谷歌浏览器下图标正常渲染
尝试:
iconify官网查找相关库
https://icon-sets.iconify.design/?category=General
material-symbols:add图标在官网查到,怎么让这个图标兼容低版本谷歌浏览器?
bx:edit图标官网未查到。但是项目中可以正常使用?
问题已处理。
bug原因在于iconify图标有一部分是在线图标,一部分是离线图标,所以公司内网用户就看不到在线图标,更换离线图标即可,之前以为是浏览器版本的问题,判断有误。