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 ~