讲师中心 微信公众号
AI工具推荐 视频效率加速

VSCode集成终端字体_解决终端中Icon图标显示乱码

浅丽小哥_7885

浅丽小哥_7885

发布时间:2026-04-11 15:44:06

|

925人浏览过

|

来源于php中文网

原创

终端图标显示为方块或问号,本质是terminal.integrated.fontFamily未加载Nerd Font等支持PUA图标的等宽字体;需安装Cascadia Code PL等补丁字体,正确配置字体链,重启终端进程,并确保locale为UTF-8。

vscode集成终端字体_解决终端中icon图标显示乱码

终端图标显示为方块或问号,本质是字体不支持连字或 Nerd Font 图标集

VSCode 集成终端里 ls、git status 或 Oh My Zsh 主题中的图标(如 ?、、)显示为方块、问号或空格,不是编码问题,而是当前 terminal.integrated.fontFamily 没加载带图标的等宽字体。默认的 Consolas、Fira Code(非 Nerd 版)本身不含这些私有 Unicode 区域(PUA)符号。

  • 必须使用已打过补丁的 Nerd Font,比如 Cascadia Code PL、JetBrainsMono Nerd Font、MesloLGS NF,不能只写 Cascadia Code
  • Windows 用户推荐优先试 Cascadia Code PL(微软官方维护,原生含中文+图标,无需额外配中文字体)
  • macOS/Linux 用户注意:字体名必须拼写完全一致,PingFang SC 有效,苹方 无效;Noto Sans CJK SC 要带空格和 SC 后缀
  • 配置时用单引号包裹每个字体名,逗号后加空格,例如:'Cascadia Code PL', 'Microsoft YaHei', 'monospace'

terminal.integrated.fontFamily 配置后图标仍不显示?检查是否关掉了旧终端进程

VSCode 不会热更新终端字体——改完设置后,必须关闭所有已打开的终端页签(Ctrl+Shift+` 打开的每一个),再按 Ctrl+Shift+` 新建一个。只点「×」关掉当前页签、或 reload 窗口,旧进程的字体缓存仍在,图标不会刷新。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载
  • 验证是否生效:新开终端后运行 echo ""(复制这个字符粘贴执行),若显示为图标而非方块,说明字体加载成功
  • 如果只在部分命令(如 ls -la)里图标异常,可能是该命令本身未启用图标支持(如 ls 需搭配 lsd 或 exa,git 需配 git config --global status.showUntrackedFiles no 等)
  • PowerShell 用户额外注意:$OutputEncoding 设错会导致图标字节被截断,即使字体对也显示为空——务必确认 [Console]::OutputEncoding 返回的是 System.Text.UTF8Encoding

Windows 下 Cascadia Code PL 安装后 VSCode 还找不到字体?路径或注册表没刷进系统

VSCode 读取的是系统级字体列表,不是文件路径。下载 CascadiaCode-PL.ttf 后双击安装,必须点「安装」按钮(不是「预览」),并确保 Windows 字体文件夹(C:\Windows\Fonts)里真有对应文件。有时右键「为所有用户安装」更可靠。

  • 安装后可打开「字体设置」→ 搜索 Cascadia,确认「Cascadia Code PL」条目存在且状态为「已安装」
  • 若仍不识别,重启 Windows 资源管理器(任务管理器 → 重启 explorer.exe)或直接重启系统
  • 不要在 terminal.integrated.fontFamily 里写绝对路径,VSCode 不支持;只写字体全名

Linux/macOS 终端图标乱码,别漏了 locale 和 shell 配置

字体对了但图标还是乱,大概率是 shell 启动时 locale 未设 UTF-8,导致终端底层把图标字节当非法序列丢弃。尤其 WSL、iTerm2、Alacritty 等外部终端复用到 VSCode 时更明显。

  • 先在 VSCode 终端里运行 locale,确认 LANG 是 zh_CN.UTF-8 或 en_US.UTF-8,不是 C 或空
  • 若不对,在 settings.json 中补环境变量:"terminal.integrated.env.linux": {"LANG": "zh_CN.UTF-8"}(macOS 对应 osx)
  • Zsh 用户检查 ~/.zshrc 是否覆盖了 LANG,常见错误是写了 export LANG=C —— 这会直接禁用所有 UTF-8 图标输出
  • Git Bash 用户需在安装时勾选「Use Windows' default console code page」取消,否则强制走 GBK,图标必炸
字体链配置、终端重启、locale 三者缺一不可。最容易忽略的是:以为改了设置就完了,其实旧终端进程还卡在老字体里。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2135

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3282

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1096

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

3739

2025.09.10

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

856

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

6263

2024.05.29

default gateway怎么配置
default gateway怎么配置

配置default gateway的步骤:1、了解网络环境;2、获取路由器IP地址;3、登录路由器管理界面;4、找到并配置WAN口设置;5、配置默认网关;6、保存设置并退出;7、检查网络连接是否正常。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

357

2023.12.07

自建git服务器
自建git服务器

git服务器是目前流行的分布式版本控制系统之一,可以让多人协同开发同一个项目。本专题为大家提供自建git服务器相关的各种文章、以及下载和课程。

6359

2023.07.05

OpenJDK JVM参数怎么调优
OpenJDK JVM参数怎么调优

Java应用运行缓慢,如何调整JVM参数?本专题介绍OpenJDK JVM性能调优的基本流程,涵盖性能指标确认、运行数据采集、内存配置和垃圾回收分析,帮助你先定位瓶颈,再通过对照测试验证效果,避免直接套用参数而影响应用稳定性。

80

2026.10.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn