本地測試沒有問題，項目打包以后，瀏覽器打開控制臺，提示font格式錯誤：

把我的雙引號給去掉了。。。-^- 不開心。

解決辦法：

1. 把 font: 字體粗細 字體大小/行高 "字體樣式"; 分開來寫。
改成： font-size:字體大小;、font-family:字體樣式、line-height:行高等，分開來寫。

2. 把字體樣式改成英文。（參考-張鑫旭）

像這樣的情況，打包后會把中文轉成Unicode編碼，造成font 格式錯誤。

這種情況，把 “微軟雅黑” 改成 "Microsoft Yahei"就好了。這里是字體英文對照表

3. 如果部分樣式沒生效，也可能是被 element 的樣式覆蓋了（參考-Arlisor）。

import Vue from 'vue' import App from './App' //先引入第三方組件 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' //后引入router import router from './router' import store from './vuex/store'Vue.use(ElementUI)Vue.config.productionTip = false/* eslint-disable no-new */ new Vue({el: '#app',router,store,components: { App },template: '<App/>' })

4. 對于 vue-cli2，html 中 css 路徑的雙引號都沒有了，可以去 webpack.prod.conf.js 中進行配置（參考-拾錢運）

//默認true，改成false removeAttributeQuotes:false;//默認false

總結

以上是生活随笔為你收集整理的vue打包后，font格式错误的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。