4 | 
6 | Unicode 引用
64 |65 | 66 |
Unicode 是字体在网页端最原始的应用方式，特点是：
67 |-
68 |
- 兼容性最好，支持 IE6+，及所有现代浏览器。 69 |
- 支持按字体的方式去动态调整图标大小，颜色等等。 70 |
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。 71 |
73 |75 |注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式
74 |
Unicode 使用步骤如下：
76 |第一步：拷贝项目下面生成的 @font-face
77 | @font-face {
79 | font-family: 'iconfont';
80 | src: url('iconfont.eot');
81 | src: url('iconfont.eot?#iefix') format('embedded-opentype'),
82 | url('iconfont.woff2') format('woff2'),
83 | url('iconfont.woff') format('woff'),
84 | url('iconfont.ttf') format('truetype'),
85 | url('iconfont.svg#iconfont') format('svg');
86 | }
87 | 第二步：定义使用 iconfont 的样式
89 |.iconfont {
91 | font-family: "iconfont" !important;
92 | font-size: 16px;
93 | font-style: normal;
94 | -webkit-font-smoothing: antialiased;
95 | -moz-osx-font-smoothing: grayscale;
96 | }
97 | 第三步：挑选相应图标并获取字体编码，应用于页面
99 |
100 | <span class="iconfont">3</span>
102 |
103 | 104 |106 |"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。
105 |