mui默认提供了手机App开发常用的字体图标以及扩展字体，但是在开发中图标不够用，有些扩展字体显得粗黑，用户体验不好，所以选择第三方的矢量图，我常用的是阿里巴巴矢量图标库：http://www.iconfont.cn/，mui API文档里有步骤，但是按照提供的步骤开发图标在页面里不显示，自己最后找到了问题，方便大家参考。代码如下：
首先下载阿里巴巴矢量图，下载步骤：http://ask.dcloud.net.cn/article/128，下载过程和文章里一样，下载下来之后是一个压缩包，完了解压的到：
打开iconfont.css ，修改之前
修改之后
修改好以后，将iconfont.css和iconfont.tff两个文件分别复制到自己建的mui项目里的css和fonts目录下，
然后在html页面里引入<link rel="stylesheet" type="text/css" href="css/iconfont.css">