最近在項目開發(fā)過程中遇到如下問題：開發(fā)環(huán)境中設置的字體樣式使用webpack打包后到生產環(huán)境不生效。如圖：

打開控制臺查看元素樣式，發(fā)現在開發(fā)環(huán)境的時候"微軟雅黑"被解析成unicode編碼并且?guī)еp引號，

但使用webpack打包以后，"微軟雅黑"的雙引號被錯誤解析并多加了個反斜杠，導致字體不生效。

解決方法：

嘗試了一下去掉雙引號，也就是font-family:微軟雅黑，這樣瀏覽器并不會把中文字體用unicode編碼，樣式也可以正常顯示。但為了更好的兼容性，這里作者推薦使用中文字體的英文編碼，如：font-family:'Microsoft YaHei'。

附上幾個中文字體的英文對照：

黑體：SimHei

宋體：SimSun

新宋體：NSimSun

仿宋：FangSong

楷體：KaiTi

仿宋_GB2312：FangSong_GB2312

楷體_GB2312：KaiTi_GB2312

微