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

打開控制臺查看元素樣式，發現在開發環境的時候"微軟雅黑"被解析成unicode編碼并且帶著雙引號，

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

解決方法：

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

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

黑體：SimHei

宋體：SimSun

新宋體：NSimSun

仿宋：FangSong

楷體：KaiTi

仿宋_GB2312：FangSong_GB2312

楷體_GB2312：KaiTi_GB2312

微亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb