javascript - vue build之後 字型無法辨識

Question

我為h1設定了微軟雅黑字體，【font-family:"微軟雅黑"】

在本地測試的時候，搜狗和chrome上都能正常顯示，F12查看樣式如下：
font-family: "\5FAE\8F6F\96C5\9ED1";

build之後，發佈到伺服器上，chrome上能正常顯示，F12檢視樣式如下：
font-family: \5FAE\8F6F\96C5\9ED1;(缺失了雙引號)
搜狗上不能正常顯示，但是F12查看樣式和chrome一樣，
font-family: \5FAE\8F6F\96C5\9ED1;(缺少了雙引號)

不知道有誰遇過這個問題?

Answer 1

你應該使用字體的英文名

原因可參考http://www.zhangxinxu.com/wordpress/2017/03/css-font-family-chinese-english/