vue+ydui使用iconfont時圖標不顯示


原本我是這樣定義圖標字體的:(省略woff字體編碼)

@font-face {font-family: YDUI-ICONS;
  src: url('../../fonts/iconfont/iconfont.eot?t=1542201734648');
  src: url('../../fonts/iconfont/iconfont.eot?t=1542201734648#iefix') format('embedded-opentype'),
  url('data:application/x-font-woff;charset=utf-8;base64,...) format('woff'),
  url('../../fonts/iconfont/iconfont.ttf?t=1542201734648') format('truetype'),
  url('../../fonts/iconfont/iconfont.svg?t=1542201734648#iconfont') format('svg');
}

然后項目的圖標一直是小方框,百思不得其解:

 

然后把woff格式的字體去掉,就可以了:

@font-face {font-family: YDUI-ICONS;
  src: url('../../fonts/iconfont/iconfont.eot?t=1542201734648');
  src: url('../../fonts/iconfont/iconfont.eot?t=1542201734648#iefix') format('embedded-opentype'),
  url('../../fonts/iconfont/iconfont.ttf?t=1542201734648') format('truetype'),
  url('../../fonts/iconfont/iconfont.svg?t=1542201734648#iconfont') format('svg');
}

效果:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM