Iconfont-阿里巴巴矢量图标库(笔记)

版权声明:希望对您有帮助~ https://blog.csdn.net/tangkthh/article/details/89555919

使用

用户在iconfont.cn可以下载,多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

注:图标下载在“我的项目”:

一、icon单个使用

下载格式包括:svg,png

二、使用

unicode引用

特点:

    兼容性最好

    支持按字体的方式去动态调整图标大小,颜色

    不支持多色单色的图标

    注:symbol的引用方式支持多色

html文件:

使用

css文件:

font-class引用

特点:

    兼容性良好,支持ie8+,及所有现代浏览器;

    相比于unicode语意明确,书写更直观;

    修改class里面的unicode引用;

    多色图标还是不支持的;

symbol引用

特点:

    支持多色图标了,不再受单色限制。

    通过一些技巧,支持像字体那样,通过font-size,color来调整样式。

    兼容性较差,支持 ie9+,及现代浏览器。

    浏览器渲染svg的性能一般。

猜你喜欢

转载自blog.csdn.net/tangkthh/article/details/89555919