码迷,mamicode.com
首页 > 其他好文 > 详细

vue+ydui使用iconfont时图标不显示

时间:2019-01-05 15:09:15      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:dde   效果   type   base   img   format   utf-8   png   ace   

原本我是这样定义图标字体的:(省略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‘);
}

效果:

技术分享图片

 

vue+ydui使用iconfont时图标不显示

标签:dde   效果   type   base   img   format   utf-8   png   ace   

原文地址:https://www.cnblogs.com/mankii/p/10224296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!