IconFont 图标
-
uniE6A2
-
uniE6A3
-
uniE6A5
-
uniE6A7
-
uniE6A8
-
uniE6A6
-
uniE6A9
-
uniE6AA
-
uniE6AB
-
uniE6AC
-
uniE6AD
-
uniE6AE
-
uniE6AF
-
uniE6B0
-
uniE6B1
-
uniE6B4
-
uniE6B3
-
uniE6B2
-
uniE6B5
-
uniE6B7
-
uniE6B6
-
uniE6B8
-
uniE6BA
-
uniE6B9
-
uniE6BB
-
uniE6BE
-
uniE6BD
-
uniE6BC
-
uniE6BF
-
uniE6C0
-
uniE6C1
-
uniE6C2
-
uniE6C3
-
uniE6C4
-
uniE6C5
-
uniE6C6
-
uniE6C7
-
uniE6C8
-
uniE6C9
-
uniE6CA
-
uniE6CC
-
uniE6CE
-
uniE6CB
-
uniE6CF
-
uniE6CD
-
uniE6D0
-
uniE6D1
-
uniE6D5
-
uniE6D2
-
uniE6D3
-
uniE6D4
-
uniE6D6
-
uniE6D7
-
uniE6DA
-
uniE6DB
-
uniE6D8
-
uniE6D9
-
uniE6DC
-
uniE6DD
-
uniE6DE
-
uniE60A
-
uniE60B
-
uniE60D
-
uniE60C
-
uniE60E
-
uniE60F
-
uniE61A
-
uniE61B
-
uniE61D
-
uniE61E
-
uniE61C
-
uniE61F
-
uniE62A
-
uniE62C
-
uniE62D
-
uniE62B
-
uniE62E
-
uniE63A
-
uniE62F
-
uniE63B
-
uniE63C
-
uniE63D
-
uniE63E
-
uniE63F
-
uniE64A
-
uniE64B
-
uniE64C
-
uniE64E
-
uniE64D
-
uniE64F
-
uniE65A
-
uniE65E
-
uniE65B
-
uniE65D
-
uniE65C
-
uniE66A
-
uniE65F
-
uniE66D
-
uniE66B
-
uniE67A
-
uniE66C
-
uniE66E
-
uniE66F
-
uniE67B
-
uniE67C
-
uniE67D
-
uniE67E
-
uniE67F
-
uniE68A
-
uniE68B
-
uniE68C
-
uniE68D
-
uniE68E
-
uniE68F
-
uniE69B
-
uniE69C
-
uniE69D
-
uniE69A
-
uniE69F
-
uniE69E
-
uniE600
-
uniE601
-
uniE602
-
uniE603
-
uniE607
-
uniE605
-
uniE604
-
uniE606
-
uniE609
-
uniE608
-
uniE610
-
uniE611
-
uniE612
-
uniE615
-
uniE613
-
uniE614
-
uniE616
-
uniE617
-
uniE618
-
uniE619
-
uniE620
-
uniE621
-
uniE622
-
uniE623
-
uniE624
-
uniE625
-
uniE626
-
uniE627
-
uniE628
-
uniE629
-
uniE630
-
uniE631
-
uniE632
-
uniE633
-
uniE634
-
uniE635
-
uniE637
-
uniE636
-
uniE638
-
uniE639
-
uniE640
-
uniE641
-
uniE643
-
uniE642
-
uniE646
-
uniE645
-
uniE644
-
uniE647
-
uniE648
-
uniE652
-
uniE649
-
uniE650
-
uniE653
-
uniE651
-
uniE656
-
uniE658
-
uniE654
-
uniE655
-
uniE657
-
uniE659
-
uniE662
-
uniE660
-
uniE663
-
uniE664
-
uniE661
-
uniE665
-
uniE667
-
uniE668
-
uniE666
-
uniE669
-
uniE670
-
uniE671
-
uniE672
-
uniE674
-
uniE673
-
uniE675
-
uniE676
-
uniE677
-
uniE678
-
uniE679
-
uniE681
-
uniE683
-
uniE680
-
uniE682
-
uniE684
-
uniE686
-
uniE685
-
uniE687
-
uniE688
-
uniE689
-
uniE691
-
uniE690
-
uniE695
-
uniE693
-
uniE692
-
uniE696
-
uniE694
-
uniE697
-
notdef
-
uniE698
-
x
-
uniE699
-
uniE6A1
-
uniE6A0
unicode引用
unicode是字体在网页端最原始的应用方式,特点是:
- 兼容性最好,支持ie6+,及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小,颜色等等。
- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。
注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式
unicode使用步骤如下:
第一步:拷贝项目下面生成的font-face
@font-face {
font-family: 'iconfont';
src: url('iconfont.eot');
src: url('iconfont.eot?#iefix') format('embedded-opentype'),
url('iconfont.woff') format('woff'),
url('iconfont.ttf') format('truetype'),
url('iconfont.svg#iconfont') format('svg');
}
第二步:定义使用iconfont的样式
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
第三步:挑选相应图标并获取字体编码,应用于页面
<i class="iconfont">3</i>
"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。