vue項(xiàng)目中webpack打包后,字體失效

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 ~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末浴讯,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子奈籽,更是在濱河造成了極大的恐慌辩棒,老刑警劉巖钻弄,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件育八,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡儒喊,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門耘分,熙熙樓的掌柜王于貴愁眉苦臉地迎上來渴频,“玉大人场钉,你說我怎么就攤上這事泣港〔冉眩” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵瞬欧,是天一觀的道長(zhǎng)野建。 經(jīng)常有香客問我妄呕,道長(zhǎng),這世上最難降的妖魔是什么大莫? 我笑而不...
    開封第一講書人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘椅文。我一直安慰自己羡蛾,他們只是感情好浪藻,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開白布辆雾。 她就那樣靜靜地躺著英岭,像睡著了一般吭狡。 火紅的嫁衣襯著肌膚如雪弛秋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死纲刀,一個(gè)胖子當(dāng)著我的面吹牛拌禾,可吹牛的內(nèi)容都是我干的您市。 我是一名探鬼主播俐芯,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼逆巍!你這毒婦竟也來了肋层?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后士聪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡躏尉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年绍移,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片纠炮。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡月趟,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出恢口,到底是詐尸還是另有隱情孝宗,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布弧蝇,位于F島的核電站碳褒,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏看疗。R本人自食惡果不足惜沙峻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望两芳。 院中可真熱鬧摔寨,春花似錦、人聲如沸怖辆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽竖螃。三九已至淑廊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間特咆,已是汗流浹背季惩。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人画拾。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓啥繁,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親青抛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子旗闽,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 最近在項(xiàng)目開發(fā)過程中遇到一個(gè)很怪異的問題:開發(fā)環(huán)境中設(shè)置的字體樣式有效适室,使用webpack打包后失效,導(dǎo)致本地字體...
    Wellet閱讀 5,580評(píng)論 0 1
  • 大家都知道举瑰,在不同操作系統(tǒng)亭病、不同游覽器里面默認(rèn)顯示的字體是不一樣的,并且相同字體在不同操作系統(tǒng)里面渲染的效果也不盡...
    陳_宣閱讀 1,907評(píng)論 0 7
  • 一嘶居、概念 參考網(wǎng)頁字體Serif和Sans-serif的區(qū)別及瀏覽器字體的設(shè)置CSS Font知識(shí)整理總結(jié) 1.F...
    合肥黑閱讀 6,078評(píng)論 0 12
  • 字體設(shè)置不建議使用中文字,而是使用Unicode碼促煮,這樣做可以確保各個(gè)手機(jī)終端的兼容性邮屁。 例如:font:"宋體"...
    939a09e5f640閱讀 2,984評(píng)論 0 2
  • css中文字體亂碼解決方案 css中文字體亂碼解決方案:把css編碼和html頁面編碼統(tǒng)一起來。如果html頁面是...
    繁華荊棘一路向北閱讀 1,699評(píng)論 0 0