100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > iview vue 打包图标不显示_使用vue-cli生成的项目引用iview组件库 字体图标不显示...

iview vue 打包图标不显示_使用vue-cli生成的项目引用iview组件库 字体图标不显示...

时间:2019-07-28 10:11:12

相关推荐

iview vue 打包图标不显示_使用vue-cli生成的项目引用iview组件库 字体图标不显示...

使用vue-cli生成的项目引用iview组件库,

然后使用重置字体:

*,

*:before,

*:after {

-moz-box-sizing: border-box;

box-sizing: border-box;

font-size: 14px;

font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif !important;

}

然后使用iview组件,比如DatePicker,字体图标不显示!

然后我尝试把上面的 font-family去掉,结果字体图标显示了,然后我看到iview.css中引用字体图标的代码:

@font-face {

font-family: Ionicons;

src: url(fonts/ionicons.eot?v=2.0.0);

src: url(fonts/ionicons.eot?v=2.0.0#iefix) format("embedded-opentype"), url(fonts/ionicons.ttf?v=2.0.0) format("truetype"), url(fonts/ionicons.woff?v=2.0.0) format("woff"), url(fonts/ionicons.svg?v=2.0.0#Ionicons) format("svg");

font-weight: 400;

font-style: normal

}

我修改为font-family: Ionicons !important也不生效!

请问怎么解决?

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。