如何解决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其它相关文章!

1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » 如何解决css自定义字体中文乱码问题?

发表评论