引入字體圖標

字體圖標是用於創建例如搜索框放大鏡，雪碧圖小圖標，等小圖標，有幾個圖標庫，例如fontello，鏈接地址：

http://fontello.com/

下載到的圖標文件放入和網頁項目同一文件夾下，里面的font文件夾下有好幾種形式，不同的瀏覽器支持不同的形式

 

 

  @font-face {
    font-family: 'YourWebFontName';
    src: url('YourWebFontName.eot'); /* IE9 Compat Modes */
    src: url('YourWebFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('YourWebFontName.woff') format('woff'), /* Modern Browsers */
             url('YourWebFontName.ttf')  format('truetype'), /* Safari, Android, iOS  chrome */
             url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */
   }

.iconfont {
    font-family:"iconfont";
    font-size: 32px;
    font-style: normal;
}
.iconfont:before{
/*利用before屬性插入新圖標，注意，這里為右斜號
e800為圖標代碼

*/
    content: '\e800';

}