本文推荐的两个字体比较为适用于编程,等宽并且支持连字显示,阅读起来舒服~~
- Fira Code:项目地址 (opens new window)
- Cascadia Code:项目地址 (opens new window)
# 什么是连字显示?
就像 !=
会显示成 ;-->
会显示成 (此处大致展示)。
# 展示
放两张图(源于官方储存库)展示一下概况:
Fira Code:
Cascadia Code:
# 安装
# 系统安装
需要现在系统内安装改字体,虽然再通过程序设置使用。
- Fira Code:下载地址 (opens new window)
- Cascadia Code:下载地址 (opens new window)
下载最新版,双击下载的 tff 文件,点击安装即可。或者通过包管理安装:
# Mac
brew tap homebrew/cask-fonts
brew cask install font-fira-code
1
2
2
# Linux
sudo apt install fonts-firacode
1
或者
pkg install firacode
1
或者
dnf install fira-code-fonts
1
# Windows
choco install firacode-ttf
1
或者
scoop bucket add nerd-fonts
scoop install FiraCode
1
2
2
# VSCode
要打开设置编辑器,请首先从 "文件" 菜单中选择 "首选项" - "设置" 或使用键盘快捷键 Ctrl
+ ,
(在 Mac 上为 Cmd
+ ,
)。
要在设置编辑器中启用 FiraCode 或 Cascadia Code,请在 "常用设置" 下展开 "文本编辑器" 设置,然后单击 "字体"。在 "Font Family" 输入框中,键入 'Fira Code'
或 'Cascadia Code'
。然后点击其下方 "Font Ligatures" 下的 "在 settings.json",然后将其修改为
"editor.fontLigatures": true,
1
重启 vscode 即可。
# Windows Terminal
在设置文件中 "profiles" 下对应块内 添加
"fontFace": "Fira Code",
1
保存即可。
# 杂谈
截至此文发布,Cascadia Code 的等宽字体宽度为 ,意味着汉字与英文字母之间存在对齐问题。
个人仍然使用也更推荐 "Fira Code",并且可以通过 css 文件引入网页渲染。