Ba la la la ~ 读者朋友们，你们好啊，又到了冷锋时间，话不多说，发车！
写在开头：
最近在项目开发过程中遇到一个很怪异的问题：开发环境中设置的字体样式有效，使用webpack打包升级后失效，导致本地字体正常，线上字体异常，使用的是 “宋体”
在控制台，对比发现：
线上： font-family: \5B8B\4F53;
本地： font-family: '\5B8B\4F53';
原来在开发环境的时候，"宋体" 被解析成unicode编码（'\5B8B\4F53'）并且带着双引号，正确
webpack打包以后，"宋体" 的双引号被错误解析（\5B8B\4F53）并多加了个反斜杠，导致字体不生效
控制台里，将字体改成 '\5B8B\4F53'，就正常了，可以确定是webpack打包引起的问题
解决方法：
使用中文字体的英文编码，如：font-family: "Hiragino Sans GB"
附：
https://www.zhangxinxu.com/study/201703/font-family-chinese-english.html
以上为个人意见，如有雷同，纯属巧合，欢迎大家多提意见！Bey 了 个 Bey ~
网友评论