VScode下载后中文不显示的问题

问题:使用vscode编写html中title和body的中文在vscode中不显示且在浏览器中也不显示

找到扩展,下载Chinese (Simplified) 

方案一:检查HTML文件中的字符编码

 在HTML文件的<head>标签内,必须明确声明UTF-8编码:

关键点<meta charset="UTF-8">必须存在且位于<head>顶部。

顺带就检查一下文件是否保存,是否安装live server(这个插件)自动刷新

方案二:系统缺失中文字体

  • Windows系统
    打开「控制面板」→「字体」,检查是否存在 Microsoft YaHei 或 SimHei

  • macOS系统
    打开「访达」→「应用程序」→「字体册」,检查 PingFang SC 是否存在

  • 解决方案
    如果系统字体缺失,可手动安装开源中文字体(如思源黑体

方案三:原浏览器存在字体配置问题

假设还是不显示,可以尝试换一个浏览器运行,我这个地方是因为原浏览器存在字体配置问题

  • 解决步骤

  • Chrome

  • 地址栏输入 chrome://settings/fonts → 确保:

  • 标准字体Microsoft YaHei(Windows)或 PingFang SC(macOS)

  • Serif/Sans-serif 字体:同样选择中文字体

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值