javascript - vue build之后 字体无法识别

问题描述

问 题

我给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;(缺失了双引号)

不知道有谁遇到过这个问题?

解决方案

你应该使用字体的英文名

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

这篇关于javascript - vue build之后 字体无法识别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！