用icon fonts来辅助CSS处理图片

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

[class^="icon-"], [class*=" icon-"] {   
  display: inline-block;   
  speak: none
  font-family: "iconfont";   
  font-size: 16px;   
  line-height: 1;   
  font-style: normal;   
  /** 字体图标出现锯齿的问题： */
  -webkit-font-smoothing: antialiased;   
  -moz-osx-font-smoothing: grayscale;   
}

.icon-bell:before {   
  content: "\003432";   
}   
.icon-search:before {   
  content: "\003433";   
}