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

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

angular组件图标无法显示的问题相关推荐

UNIAPP富文本编辑器editor组件图标不显示的问题解决
原文章https://blog.csdn.net/qq_40894259/article/details/109691380 将代码复制到项目中发现图标无法显示,但是功能可以实现,于是检查图标相关样 ...
Bootstrap5使用bootstrapValidator完成表单验证（包括解决样式、图标不显示及其他组件表单验证出问题解决方案）
以下都为个人实践. CND引入bootstrap5及bootstrapValidator文件 bootstrap5 <link href="https://cdn.jsdelivr.n ...
Vue.js - 解决部署到服务器后Element UI图标不显示问题（404错误）
1,问题描述 (1)element-ui 自带了一套常用的图标集合,使用起来十分方便.最近发现当 Vue.js 项目中使用 element-ui 图标时,如果使用 npm run dev 方式启动,图 ...
任务栏通知区的应用程序图标不显示时的解决办法
任务栏通知区,即windows右下脚显示应用程序图标和系统时间的区域,有时候我们会发现,某些应用程序的图标无法显示了,解决方法如下: 方法一:开机运行systray.exe,但这不能彻底解决,也不一 ...
本地使用element ui 图标不显示或显示错乱的问题
本地使用element ui 图标不显示或显示错乱的问题官方使用方式  <link rel="stylesheet" href=&qu ...
Angular 组件交互
Angular 组件交互组件交互: 组件通讯,让两个或多个组件之间共享信息. 使用场景: 当某个功能在多个组件中被使用到时,可以将该特定的功能封装在一个子组件中,在子组件中处理特定的任务或工作流. ...
TortoiseSVN文件夹图标不显示
伴随着十二月的脚步,小编带领的市委组织部项目有条不紊的进行着,在最近的项目中遇到一个问题TortoiseSVN文件夹的图标不显示,为什么小编已经安装好TortoiseSVN了,发现文件夹的图标还是系统 ...
android程序安装后图标不显示
本文主要介绍android应用程序安装后图标不显示的几个可能原因. 自己写的程序突然安装后图标不见了,在应用程序安装中能找到,但是桌面上就是没有图标,启动只能从最近列表中其中..一般这种情况只会在服务 ...
BootStrap字体图标不显示、下拉菜单不显示
在W3CSchool学习BootStrap教程时遇到的问题-- 1.字体图标不能显示上面是正常显示的样子,不能正常显示,因为缺少下面的字体图标样式文件 (1)在下载的Bootstrap包中将font ...
解决网页ICON图标无法显示的问题
解决网页ICON图标无法显示的问题参考文章: (1)解决网页ICON图标无法显示的问题 (2)https://www.cnblogs.com/ziyoublog/p/10974406.html 备忘 ...

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

angular组件图标无法显示的问题相关推荐

最新文章

热门文章