预览ttf格式字体

\e001

uniE001
\e002

uniE002
\e003

uniE003
\e004

uniE004
\e005

uniE005
\e006

uniE006
\e007

uniE007
\e008

uniE008
\e009

uniE009
\e00a

uniE00A
\e00b

uniE00B
\e00c

uniE00C
\e00d

uniE00D
\e00e

uniE00E
\e00f

uniE00F
\e010

uniE010
\e011

uniE011
\e012

uniE012
\e013

uniE013
\e014

uniE014
\e015

uniE015
\e016

uniE016
\e017

uniE017
\e018

uniE018
\e019

uniE019
\e01a

uniE01A
\e01b

uniE01B
\e01c

uniE01C
\e01d

uniE01D
\e01e

uniE01E
\e01f

uniE01F
\e020

uniE020
\e021

uniE021
\e022

uniE022
\e023

uniE023
\e024

uniE024
\e025

uniE025
\e026

uniE026
\e027

uniE027
\e028

uniE028
\e029

uniE029

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

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

第二步：定义使用fonteditor的样式

.fonteditor {
    font-family:"fonteditor" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

第三步：挑选相应图标并获取字体编码，应用于页面

    <i class="fonteditor">&#x33</i>