HTML5+CSS3布局的页面，汉字显示不出来

HTML5+CSS3布局的页面，汉字显示不出来是因为HTML代码中对全站字体显示做了设置，如下图：

行20、21的js语句对整体网页代码字体进行了调用设置，此时设置中文字体不会被识别，只需删除即可识别汉字。

原因：问题就出编辑器身上。

1、用鼠标右键单击乱码的html文件，选择用记事本打开。

2、点击记事本菜单栏的文件，选择文件另存为。

3、在另存为的窗口中会发现保存有编码选择，默认编码为ANSI。

4、但是我们需要的编码为UTF-8,所以在保存的时候选择UTF-8，点击保存，替换原来的文件，就解决了html本身内容乱码问题。

编码的问题，把html文档另存 转换为utf-8

浏览器呢，你浏览器有没有跟你编码一致呢

你的文档中<meta charset="UTF-8">是告诉浏览器用什么编码来解析，但是你的html文档不是Utf-8,两个不一致，自然会乱码

---