登录
首页 >  文章 >  前端

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

时间:2024-12-13 19:28:03 293浏览 收藏

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

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

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

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


  
    
  

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

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

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

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

相关阅读
更多>
最新阅读
更多>
课程推荐
更多>