fonteditor图标

\78

x
\e600

uniE600
\e601

uniE601
\e602

uniE602
\e603

uniE603
\e604

uniE604
\e605

uniE605
\e606

uniE606
\e607

uniE607
\e608

uniE608
\e609

uniE609
\e60a

uniE60A
\e60b

uniE60B
\e60c

uniE60C
\e60d

uniE60D
\e60e

uniE60E
\e60f

uniE60F
\e610

uniE610
\e611

uniE611
\e612

uniE612
\e613

uniE613
\e614

uniE614
\e615

uniE615
\e616

uniE616
\e617

uniE617
\e618

uniE618
\e619

uniE619
\e61a

uniE61A
\e61b

uniE61B
\e61c

uniE61C
\e61d

uniE61D
\e61e

uniE61E
\e61f

uniE61F
\e620

uniE620
\e621

uniE621
\e622

uniE622
\e623

uniE623
\e624

uniE624
\e625

uniE625
\e626

uniE626
\e627

uniE627
\e628

uniE628
\e629

uniE629
\e62a

uniE62A
\e62b

uniE62B
\e62c

uniE62C
\e62d

uniE62D
\e62e

uniE62E
\e62f

uniE62F
\e630

uniE630
\e631

uniE631
\e632

uniE632
\e633

uniE633
\e634

uniE634
\e635

uniE635
\e636

uniE636
\e637

uniE637
\e638

uniE638
\e639

uniE639
\e63a

uniE63A
\e63b

uniE63B
\e63c

uniE63C
\e63d

uniE63D
\e63e

uniE63E
\e63f

uniE63F
\e640

uniE640
\e641

uniE641
\e642

uniE642
\e643

uniE643
\e644

uniE644
\e645

uniE645
\e646

uniE646
\e647

uniE647
\e648

uniE648

第一步：使用font-face声明字体

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}

第二步：定义使用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">&#x33</i>