Ba la la la ~ 讀者朋友們,你們好啊涵妥,又到了冷鋒時(shí)間,話不多說帆锋,發(fā)車锯厢!
寫在開頭:
最近在項(xiàng)目開發(fā)過程中遇到一個(gè)很怪異的問題:開發(fā)環(huán)境中設(shè)置的字體樣式有效,使用webpack打包升級(jí)后失效,導(dǎo)致本地字體正常婿奔,線上字體異常如叼,使用的是 “宋體”
在控制臺(tái),對(duì)比發(fā)現(xiàn):
線上: font-family: \5B8B\4F53;
本地: font-family: '\5B8B\4F53';
原來在開發(fā)環(huán)境的時(shí)候社证,"宋體" 被解析成unicode編碼('\5B8B\4F53')并且?guī)еp引號(hào),正確
webpack打包以后匀钧,"宋體" 的雙引號(hào)被錯(cuò)誤解析(\5B8B\4F53)并多加了個(gè)反斜杠佑刷,導(dǎo)致字體不生效
控制臺(tái)里,將字體改成 '\5B8B\4F53'檀何,就正常了,可以確定是webpack打包引起的問題
解決方法:
使用中文字體的英文編碼垛孔,如:font-family: "Hiragino Sans GB"
附:
https://www.zhangxinxu.com/study/201703/font-family-chinese-english.html
以上為個(gè)人意見概作,如有雷同,純屬巧合,歡迎大家多提意見霎槐!Bey 了 個(gè) Bey ~