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