惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
C
CXSECURITY Database RSS Feed - CXSecurity.com
博客园_首页
H
Hackread – Cybersecurity News, Data Breaches, AI and More
T
ThreatConnect
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 聂微东
H
Help Net Security
T
Threat Research - Cisco Blogs
Blog — PlanetScale
Blog — PlanetScale
A
Arctic Wolf
G
Google Developers Blog
量子位
U
Unit 42
I
InfoQ
V
V2EX
F
Fox-IT International blog
P
Privacy & Cybersecurity Law Blog
V
Visual Studio Blog
J
Java Code Geeks
大猫的无限游戏
大猫的无限游戏
C
CERT Recently Published Vulnerability Notes
博客园 - 三生石上(FineUI控件)
T
The Exploit Database - CXSecurity.com
T
Tailwind CSS Blog
SecWiki News
SecWiki News
Know Your Adversary
Know Your Adversary
MyScale Blog
MyScale Blog
宝玉的分享
宝玉的分享
The Hacker News
The Hacker News
Project Zero
Project Zero
Application and Cybersecurity Blog
Application and Cybersecurity Blog
月光博客
月光博客
Recent Commits to openclaw:main
Recent Commits to openclaw:main
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
G
GRAHAM CLULEY
C
Cisco Blogs
I
Intezer
Simon Willison's Weblog
Simon Willison's Weblog
O
OpenAI News
Recorded Future
Recorded Future
T
Tenable Blog
W
WeLiveSecurity
腾讯CDC
Stack Overflow Blog
Stack Overflow Blog
T
The Blog of Author Tim Ferriss
www.infosecurity-magazine.com
www.infosecurity-magazine.com
D
Docker
C
Cybersecurity and Infrastructure Security Agency CISA
PCI Perspectives
PCI Perspectives

文章列表

GitHub Actions 踩坑之——自己造! Revolt 搭建指南 [CloudCone] 洛杉矶/KVM/支持支付宝/$2换IP/1Gbps - 神代綺凛の随波逐流 在 Cloudflare Workers 上部署基于 Telegraf 框架的 Telegram Bot 让 Vue 使用指定配置文件进行构建 借助 redis 实现访问控制 一个由不透明响应引发的灾难 GitHub Actions 初体验及踩坑记录 - 神代綺凛の随波逐流 油猴脚本入坑指南
VSCode 等宽字体之坑 - 神代綺凛の随波逐流
神代綺凛 · 2019-11-20 · via

想等个宽,我太难了

Head Pic: #明日方舟 Mostima - Alcxome的插画 - pixiv
我抽到啦(小声)

VSCode 等宽字体之坑

由于习惯原因我一直是使用 VSCode 写 Markdown 的,并且一直在用 Markdown All in One 插件,有一说一它确实非常好用,特别是这个表格格式化功能让我爱不释手

但我很快发现了一个问题,含有中文的时候这个表格,它对不齐

当时因为我过于年轻,这个问题被不了了之了,直到最近才突然重新出现在我脑袋中,经过一番思索我马上意识到这是字体不等宽导致的问题

那怎么解决?找个等宽字体就好啦?

然而事情并没有那么简单

寻找合适的等宽字体

经过一番搜索,我找到了四款我觉得不错的包含中文的等宽字体,但实际上只有前两款可以在 VSCode 中正常等宽,非常奇怪(终端中只允许使用等宽字体,能用就说明等宽)

Name Used Font Family In VSCode In Terminal
更纱黑体 'Sarasa Mono SC'
M+ FONTS 'M+ 1m'
雅黑等宽 'Microsoft YaHei Mono'
Yasolas Yasolas

后来我在 issue Monospacing broken by Chinese character #14589 中找到了答复,由于 VSCode 是基于 Electron 的,前端由 Chromium 渲染,这种字体渲染问题很可能是 Chromium 导致的,VSCode 侧无能为力

This is an upstream issue (possibly within Chromium), and there are no known workarounds that we could implement on our side. This means there is no possible code change for us to do in VS Code sources to improve things.

但我不想用中英等宽字体写代码

你可以从截图中看出,这些等宽字体会使一个全角字符的宽度严格等于两个半角字符的宽度

他们的宽高比最大只有0.5,这导致半角字符看起来特别“瘦”,拿来写代码……反正我是会瞎的

由于只是在 Markdown 之类的格式下需要使用这类字体,因此我们完全可以独立配置

{
    "[markdown]": {
        "editor.fontFamily": "'Sarasa Mono SC'"
    }
}

这样就不会影响全局的设置了

版权声明:本文为原创文章,版权归 神代綺凜 所有。

本文链接:https://moe.best/gotagota/vscode-monospaced.html

所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。

搬瓦工VPS优惠套餐,建站稳如狗,支持支付宝,循环出账94折优惠码BWH3HYATVBJW
年付$47CN2线路,1核/1G内存/20G硬盘/1T@1Gbps【点击购买
季付$47CN2 GIA线路,1核/1G内存/20G硬盘/1T@2.5Gbps【点击购买