将图片所在位置 换成使用字体图标 显示，如何实现？
代码段：
<a id="doAsk" class="mui-navigate-right">
<img class="mui-media-object mui-pull-left" src="../img/user/42x42.gif">
<div class="mui-media-body">
AAAAAA
<p class='mui-ellipsis'>BBBBBBBBBBBBBBBB~</p>
</div>
</a>
有自定义的图标字体，在九宫格中能正常显示：<span class="mui-icon iconfont icon-douyixiafan">
能否在上面的图片位置也改成 使用字体，因为直接修改img的class不行；而img换成span的话能显示但排版会乱。
该如何实现？
