vue打包后，font格式错误

本地测试没有问题，项目打包以后，浏览器打开控制台，提示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格式错误相关推荐

vue打包后图片路径错误
2019独角兽企业重金招聘Python工程师标准>>> 错误原因 vue-cli中将图片资源路径放到了src的assets中,引入图片路径写的相对路径,打包发生错误首先,出错点在u ...
vue打包后css路径_Vue打包后访问静态资源路径问题
Vue打包后访问静态资源路径问题 Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们 ...
vue打包后出现一些map文件的解决方法
Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1.运行 cnpm run build 开始 ...
flask 渲染 vue 打包后的dist文件（直接用后端渲染）
flask 渲染 vue 打包后的dist文件(直接用后端渲染) vue项目打包出dist文件 npm run build 代码 from flask import Flask from flask ...
vue 打包后访问接口报错404 解决方案（前提是在vue里使用了代理）
vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) 参考文章: (1)vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) (2)https://www. ...
vue打包后element-ui部分样式（图标）异常问题
vue打包后element-ui部分样式(图标)异常问题参考文章: (1)vue打包后element-ui部分样式(图标)异常问题 (2)https://www.cnblogs.com/ljwsyt ...
[vue] 怎么修改vue打包后生成文件路径？
[vue] 怎么修改vue打包后生成文件路径? webpack:output.path vue-cli3: outputDir 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...
[vue] 怎么解决vue打包后静态资源图片失效的问题？
[vue] 怎么解决vue打包后静态资源图片失效的问题? 上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况. 1.确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cl ...
vue上线后图片不显示_解决Vue打包后访问图片/图标不显示的问题
大家可否遇到过 npm run build打包后,项目在线上运行时,资源文件 (图片.图标)不显示的问题, 接下来,我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件打开此文件后 ...

vue打包后，font格式错误

vue打包后，font格式错误相关推荐

最新文章

热门文章