账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    使用vue-cli生成的项目引用iview组件库,字体图标不显示
    68
    0

    使用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也不生效!
    请问怎么解决?

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部