字体图标三种格式区别(Unicode / Font class / Symbol)

时间:2022-04-13 09:13:48

   在实际项目中,或多或少会用到字体图标,优点是即减少了体积,又减少了http请求,可谓一举两得

  我一般是在阿里巴巴矢量图库下载字体图标:http://www.iconfont.cn/  

  下面以阿里巴巴矢量图库为例,一般下载字体图标分文 3 种格式  Unicode / Font class / Symbol

  字体图标三种格式区别(Unicode / Font class / Symbol)   字体图标三种格式区别(Unicode / Font class / Symbol)  字体图标三种格式区别(Unicode / Font class / Symbol)

    下面引用官方说明来阐述 3 种 字体格式的不同以及使用方法

    Unicode

     字体图标三种格式区别(Unicode / Font class / Symbol)

    

     

     Font class

    字体图标三种格式区别(Unicode / Font class / Symbol)

     Symbol

   字体图标三种格式区别(Unicode / Font class / Symbol)