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也不生效！

请问怎么解决？

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

vue项目引入阿里巴巴矢量图标库 ——字体图标
1. 打开阿里巴巴矢量图标库官网 iconfont-阿里巴巴矢量图标库 2. 下载图标步骤 (1) (2) (3) (4) (5) (6)main.js 配置引入assets中的图标路径 (7)页 ...
在vue项目中使用第三方的字体图标库
如何在vue项目中使用第三方的字体图标库以在vue项目中导入阿里字体图标库为例 1.打开阿里字体图标库的官方网址 https://www.iconfont.cn/?spm=a313x.7781069 ...
在项目中使用阿里巴巴矢量字体图标
在项目中使用阿里巴巴矢量字体图标打开阿⾥巴巴字体iconfont 搜索需要的图标,选择要使用的图标,点击添加入库点击右上角的购物车按钮,进入库中选择添加入项目, 选择新建项目,或者使用已有项目 ...
uniapp项目添加阿里图标库字体图标（图标在手机、浏览器均可查看）
前言提示:本篇文章正文内容分为: 给uniapp项目导航栏添加字体图标: 在uniapp项目中使用字体图标. 一.给uniapp项目导航栏添加字体图标 1:登录阿里巴巴矢量图标库:https://w ...
CSS组件：字体图标
字体图标字体图标就是文字,只是这种文字长得和图标一样字体图标优缺点字体拥有的属性(字体大小.颜色等),均适用于字体图标具有矢量性,无限放大也不会有马赛克,保证清晰度字体图标大小相对于图片要小 ...
react项目里如何使用阿里字体图标
1.首先我们看一下Ant Design官方文档的使用示例: 我们主要关注两个地方 ★★★★★ ① createFromIconfontCN方法中scriptUrl的属性值,对应的就是我们自定义使用的字 ...
vue上线后图片不显示_解决Vue打包后访问图片/图标不显示的问题
大家可否遇到过 npm run build打包后,项目在线上运行时,资源文件 (图片.图标)不显示的问题, 接下来,我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件打开此文件后 ...
vue 打包路由报错_急急急急，vue打包部署后，路由无法跳转
求助 vue打包部署后首页可以正常访问,可是一但点击下一步:就没反应:控制台报错: (打包后的index.html文件和JS文件分别部署在服务器的不同文件夹下,但是在index.html文件中的lin ...
vue dplayer 加载失败_最新vue脚手架项目搭建，并解决一些折腾人的问题
话不多说,跟好lz的操作!!! 2020/8/1 第一步: ~~~~质问三连: ~~~~~~~~1.node.js安装了吗?:ht tp://nodejs.cn/download/ ~~~~~~~~2 ...
vue结合饿了么_饿了么基于Vue2.0的通用组件开发之路（分享会记录）
Element:一套通用组件库的开发之路 Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库.今天我们要分享的就是开发 Element 的一些心得. 官网 ...

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

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

最新文章

热门文章