angular组件图标无法显示的问题

最新推荐文章于 2021-09-03 16:04:58 发布

weixin_30865427

最新推荐文章于 2021-09-03 16:04:58 发布

阅读量1.3k

点赞数

文章标签： javascript 移动开发 ViewUI

原文链接：http://www.cnblogs.com/boreguo/p/10333207.html

版权

1、问题：使用angular构建项目，部署后图标无法正常显示（内外网影响不同）

2、影响：

　　1）目录下：

　　2）目录下：

3、解决：下载font放在自己本地文件中，在css顶层样式中重写上面影响的代码，覆盖上述代码

@icon-url99               : "./assets/font/font_148784_v4ggb6wrjmkotj4i";
@font-face {
    font-family: 'anticon';
    src: url('@{icon-url99}.eot'); /* IE9*/
    src:
        /* chrome、firefox */
            url('@{icon-url99}.woff') format('woff'),
                /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
            url('@{icon-url99}.ttf') format('truetype'),
                /* iOS 4.1- */
            url('@{icon-url99}.svg#iconfont') format('svg');
}

注：不要使用之前的icon-url，自己重写一个名字，否则打包时路径找不到会报错！！！

下载地址来自（https://blog.csdn.net/hjolpma/article/details/84996549 ）：

https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.eot

https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff

https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.svg#iconfont

https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.ttf

转载于:https://www.cnblogs.com/boreguo/p/10333207.html