使用阿里字体彩色图标
阿里字体图标symbol引用
阿里字体图标的使用有三种方式(unicode引用、font-class引用和symbol引用),本文重点讲述symbol引用的方式,网络也有其他的博客讲解了symbol引用的方式,但是都没有效果,今天踩坑了来记录一下。
这种用法其实是做了一个svg的集合
1. symbol字体特点
支持多色图标了,不再受单色限制。
通过一些技巧,支持像字体那样,通过font-size,color来调整样式。
兼容性较差,支持 ie9+,及现代浏览器。
浏览器渲染svg的性能一般,还不如p
原创
2020-09-05 19:12:43 ·
1030 阅读 ·
0 评论