Unicode 引用
Unicode 是字体在网页端最原始的应用方式,特点是:
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 默认情况下不支持多色,直接添加多色图标会自动去色。
注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)
Unicode 使用步骤如下:
第一步:拷贝项目下面生成的 @font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot?t=1744709708890'); /* IE9 */
src: url('iconfont.eot?t=1744709708890#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=1744709708890') format('woff'),
url('iconfont.ttf?t=1744709708890') format('truetype'),
url('iconfont.svg?t=1744709708890#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"。