Unicode 引用
Unicode 是字体在网页端最原始的应用方式,特点是:
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 默认情况下不支持多色,直接添加多色图标会自动去色。
注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)
Unicode 使用步骤如下:
第一步:拷贝项目下面生成的 @font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot?t=1784185072587'); /* IE9 */
src: url('iconfont.eot?t=1784185072587#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
url('iconfont.woff?t=1784185072587') format('woff'),
url('iconfont.ttf?t=1784185072587') format('truetype'),
url('iconfont.svg?t=1784185072587#iconfont') format('svg');
}
第二步:定义使用 iconfont 的样式
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<span class="iconfont">3</span>
"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。