使用iconfont 图标

1.输入www.iconfont.cn 打开阿里图标库。

2.登录后搜索自己需要的图标。

3.将需要的图标加入自己创建的项目中，并下载解压。

4.将文件加入工程目录，并引入使用。

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">&#x33;

ps: 稳妥起见，可以在src:url 中添加   ' ./ ';