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

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

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

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

解决办法一

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

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

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

解决方法二

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

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

结语

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

以上关于如何解决css自定义字体中文乱码问题？的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。