iconfont字体图标线上环境加载偶尔乱码问题

最近碰到了一个问题，线上环境项目偶尔会出现字体图标乱码的问题，百度了一波，解决如下：

项目打包原因

1.element ui中项目打包使用的是node-sass

2.本地sass文件中的package.json文件里是 dart-sass，

使用node-sass打包生成的字体图标文件

3.卸载sass,重装node-sass,node-sass安装因为网络环境的问题可能会失败，可以使用淘宝镜像。
使用dart-sass打包后生成的字体图标文件
4.至此，乱码问题就完美解决了。
5.还有一个小插曲，换成node-sass之后我的项目报错了

因为rgb()功能必须只有3个参数， rgba()函数必须有2或4个参数，
![在这里插入图片描述](https://img-blog.csdnimg.cn/de240f4af2864e03821bca1ee5105295.png
改成rgba（）函数就可以了。

iconfont字体图标线上环境加载偶尔乱码问题相关推荐

Flutter开发之ListView下拉刷新上拉加载更多（35）
在Flutter开发之ListView组件(21) 文章中,我们了解了ListView组件的基本使用.但是数据比较少,没有涉及分页加载.而实际开发中,下拉刷新和分页加载几乎是所有APP的标配.在iOS ...
【微信小程序】实现小程序下拉刷新与上拉加载
微信小程序内置的上拉加载.下拉刷新与Android原生的有所不同,Android原生下拉刷新用SwipeRefreshLayout组件,重写onRefresh方法,而上拉加载则是使用RecycleVi ...
uni-app 小程序项目三 1. 商品列表、过滤器、封装商品item组件、上拉加载、节流阀、下拉刷新、2. 商品详情、轮播图、商品价格闪烁问题 3.加入购物车、vuex、持久化存储、mixiins
1.0 创建 goodslist 分支 1.1 定义请求参数对象为了方便发起请求获取商品列表的数据,我们要根据接口的要求,事先定义一个请求参数对象: data() {return {// 请求参数对 ...
Google字体库引起的首页加载缓慢的解决方法
今天看到博友-小思设计(http://52think.me/)的一条评论,说是我的博客看不到文字,当时还纳闷,我天天访问也没发现这个问题啊(公司电脑配了google服务的host,访问都正常): 下午 ...
android图标随着进度条动画,Android开发之ProgressBar字体随着进度条的加载而滚动...
在网上翻阅了很多关于ProgressBar滚动效果,但是始终没有找到适合项目中的这种效果,故自己写这篇文章,记录一下写作过程,给大家做一个参考.先看下最终效果效果图我这里用的是LICEcap软件录制 ...
css3如何链如外部字体,微信小程序引入外部字体总结（针对安卓加载缓慢问题）...
最近有个项目需求,须要改变小程序全部文字的字体. 查了资料后发现,本地加载字体文件致使小程序太大.动态加载文件,苹果然机完美,可是在安卓的真机上引入的外部字体加载会很慢,会有很明显的默认字体切换到外部 ...
对android小程序的结论,微信小程序引入外部字体总结（针对安卓加载缓慢问题）...
最近有个项目需求,需要改变小程序所有文字的字体. 查了资料后发现,本地加载字体文件导致小程序太大.动态加载文件,苹果真机完美,但是在安卓的真机上引入的外部字体加载会很慢,会有很明显的默认字体切换到外部 ...
iOS高仿微信、仪表盘、图片标注图片滤镜、高斯模糊、上拉加载、下拉刷新等源码
iOS精选源码 Swift-图片画框标注 Swift版的上拉加载, 下拉刷新控件(一句话集成, 超级易用) iOS tabbar上的提示框 Swift图片浏览器,经过一年多维护,已基本稳定图片滤镜 ...
iOS高仿微信、仪表盘、图片标注图片滤镜、高斯模糊、上拉加载、下拉刷新等源码...
iOS精选源码 Swift-图片画框标注 Swift版的上拉加载, 下拉刷新控件(一句话集成, 超级易用) iOS tabbar上的提示框 Swift图片浏览器,经过一年多维护,已基本稳定图片滤镜 ...

iconfont字体图标线上环境加载偶尔乱码问题

项目打包原因

iconfont字体图标线上环境加载偶尔乱码问题相关推荐

最新文章

热门文章