如何解决css自定义字体中文乱码问题?

答疑时间

在实际开发中,为了满足不同的需求,我们往往需要去自定义字体,但使用font-family属性自定义字体有时会中文乱码,这是怎么回事?接下来码云笔记将为大家带来相关解决办法,有需要的朋友可以参考一下。

如何解决css自定义字体中文乱码问题呢?

一般设置字体,个人都喜欢用中文,比如:font-family:”微软雅黑”;但是偶尔会出现设置以后字体显示乱码的问题

中文乱码

解决办法一

看看你的CSS文件的第一行有没有:@charset “utf-8″;如果有,再另存为一次,保存的文件编码要和上面声明的一致

如果没有,就把乱码改为正确的字,保存再打开,看看还有没有乱码。

如果是在项目里面的CSS文件出现类似的问题,查看一下CSS文件设置的字体是否是utf-8,如下图

CSS文件

解决方法二

设置想要字体的英文字体写法(个人觉得第二种解决方法更稳妥),下面为常用几个字体的英文写法

  • 黑体:SimHei
  • 宋体:SimSun
  • 新宋体:NSimSun
  • 仿宋:FangSong
  • 楷体:KaiTi
  • 仿宋_GB2312:FangSong_GB2312
  • 楷体_GB2312:KaiTi_GB2312
  • 微软雅黑体:Microsoft YaHei

结语

以上就是码云笔记为大家带来的css自定义字体中文乱码解决方法的详细内容,更多更多web前端知识,请关注码云笔记mybj其它相关文章!

关注web前端开发的个人技术博客,分享前端经验和技巧
码云笔记 » 如何解决css自定义字体中文乱码问题?

发表评论

提供最优质的资源集合

立即查看 了解详情