使用icomoon字體圖標庫無法顯示的問題

一、首先把 fonts文件夾放入我們 根目錄下  

 

二、 html標簽內里面添加結構

 

 <span></span>  

 

三、 在樣式里面聲明字體： 告訴別人我們自己定義的字體(一定注意字體文件路徑的問題)

@font-face {
     font-family: 'icomoon';
     src:  url('fonts/icomoon.eot?7kkyc2');
     src:  url('fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
       url('fonts/icomoon.ttf?7kkyc2') format('truetype'),
       url('fonts/icomoon.woff?7kkyc2') format('woff'),
       url('fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
   }

四、 給盒子使用字體 

span {
   font-family: "icomoon";
   }

 

按照上面的步驟正確使用icomoon字體圖標庫發現只能顯示下圖

經過長時間查找原因發現，如果我直接打開html文件，而不使用本地服務器（localhost）打開，圖標就可以正常顯示，可能原因是，本地服務器沒有這些字體文件