自定义CSS的Icon图标

http://note.youdao.com/noteshare?id=a957d57709fe80c5f381b0a947254b44


这些是下载来的文件

放到项目下面

在组件应用，加上后面这两段CSS代码

@font-face {
    font-family: 'iconfont';
    src: url(FontIcon/font_pause/iconfont.eot);
    src: url('FontIcon/font_pause/iconfont.eot?#iefix') format('embedded-opentype'),
        url('FontIcon/font_pause/iconfont.woff2') format('woff2'),
        url('FontIcon/font_pause/iconfont.woff') format('woff'),
        url('FontIcon/font_pause/iconfont.ttf') format('truetype'),
        url('FontIcon/font_pause/iconfont.svg#iconfont') format('svg');
  }
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

然后再HTML页面使用 注意要和下载的数字一样