Iconify图标库在低版本谷歌浏览器中渲染异常，如何解决？

来到golang学习网的大家，相信都是编程学习爱好者，希望在这里学习文章相关编程知识。下面本篇文章就来带大家聊聊《Iconify图标库在低版本谷歌浏览器中渲染异常，如何解决？》，介绍一下，希望对大家的知识积累有所帮助，助力实战开发！

iconify库与谷歌浏览器低版本的兼容性问题

项目中使用了iconify图标库，但在低版本的谷歌浏览器中遇到了图标渲染异常的问题。具体代码如下：

<ElIcon :class="prefixCls" :size="size" :color="color">
  <span :class="$attrs.class" :style="getIconifyStyle">
    <span class="iconify" data-icon="bx:edit"></span>
  </span>
</ElIcon>

在114和124版本的谷歌浏览器中，使用bx:edit图标时，图标均能正常渲染。然而，使用material-symbols:add图标时，114版本的谷歌浏览器无法渲染该图标，而124版本则正常。

根据iconify官网的信息，material-symbols:add图标属于在线图标。在公司内网环境下，用户无法访问在线图标，导致异常渲染。因此，将material-symbols:add图标更换为离线图标即可解决问题。

至于项目中为何可以使用bx:edit图标，可能是因为该图标已被下载为离线图标，因此不受浏览器版本的限制。

今天关于《Iconify图标库在低版本谷歌浏览器中渲染异常，如何解决？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！