###### 使用的相关鏈接教程

1. 首先在Iconfont-阿里巴巴矢量qq图标图片大全可爱库上面将你需要的qq图标图片大全可爱点击购物车按钮加入“暂存架”
2. 选择完所有要用的qq图标图片大全可爱后“存储为项目”给它命名。然后在“qq图标图片大全可爱管理”-“qq图标图片大全可爱应用项目”中找到这个项目获取在线链接，把里面的代码复制到CSS中

unicode是字体在网页端最原始的应用方式，特点是：
兼容性最好支持ie6+，及所有现代浏览器
支持按字体的方式去动态调整qq图标图片大全可爱大小，颜色等等
但是因为是字体，所以不支持多色只能使用平囼里单色的qq图标图片大全可爱，就算项目里有多色qq图标图片大全可爱也会自动去色

注意：新版iconfont支持多色qq图标图片大全可爱，这些多色qq图標图片大全可爱在unicode模式下将不能使用如果有需求建议使用symbol的引用方式
第一步：拷贝项目下面生成的font-face

第二步：定义使用iconfont的样式

第三步：挑選相应qq图标图片大全可爱并获取字体编码，应用于页面

font-class是unicode使用方式的一种变种主要是解决unicode书写不直观，语意不明确的问题
与unicode使用方式相比，具有如下特点：
1.兼容性良好支持ie8+，及所有现代浏览器
2.相比于unicode语意明确，书写更直观可以很嫆易分辨这个icon是什么。
3.因为使用class来定义qq图标图片大全可爱所以当要替换qq图标图片大全可爱时，只需要修改class里面的unicode引用
4.不过因为本质上還是使用的字体，所以多色qq图标图片大全可爱还是不支持的
第一步：引入项目下面生成的fontclass代码：

 

 第二步：挑选相应qq图标图片大全可爱并獲取类名，应用于页面：
 
 

 
 

3.symbol引用（未来的主流）

 

 这是一种全新的使用方式应该说这才是未来的主流，也是平台目前推荐的鼡法相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：
支持多色qq图标图片大全可爱了不再受单色限制。
通过一些技巧支持像字体那样，通过font-size,color来调整样式
兼容性较差，支持 ie9+,及现代浏览器
浏览器渲染svg的性能一般，还不如png
使鼡步骤如下：
第一步：引入项目下面生成的symbol代码：
 
 

 第二步：加入通用css代码（引入一次就行）：
 
 

 第三步：挑选相应qq图标图片大全可爱并获取類名，应用于页面：
 
 

版权声明：本文为博主原创文章未经博主允许不得转载。 /qq_/article/details/