什么是連字體

首先簡單介紹一下什么是連字體（Ligatures），連字體是一種使用OpenType字體標(biāo)準(zhǔn)（或者叫字體格式）制作的字體，該標(biāo)準(zhǔn)支持一種叫替換字形（alternate Glyphs）的特性，簡單來說就是可以將某些字符在外觀上替換成其他字符，例如將=>兩個連在一起的字符替換成類似于⇒的箭頭符號，它只改變字符的渲染，但不會改變字符本身。

此特性不只可以用來做連字符，一些花哨的字符裝飾效果也可以用它來完成，不過這不是這篇文章的重點(diǎn)，所以不做過多介紹。

這個特性是需要平臺支持的，例如Web瀏覽器默認(rèn)就開啟了這個特性，有個CSS屬性font-variant，可以設(shè)置是否開啟這個特性，感興趣的可以去MDN上查一查它是怎么用的。

VS Code默認(rèn)關(guān)閉了連字體，在settings.json中將editor.fontLigatures設(shè)為true即可打開。

Windows版VS Code默認(rèn)的首選字體是Consolas，為了對比，我們先看一下默認(rèn)字體的效果：

Fira Code

FiraCode

FiraCode算是最熱門連字體了，目前在Github上有超過7萬個Star，字體效果如下：

Hasklig

Hasklig

Haklig也是一個非常受歡迎的字體，但它貌似不包含!=、>= 之類的連字符，效果如下：

JetBrains Mono

JetBrainsMono

JB發(fā)布的字體，效果如下：

Cascadia Code

cascadia-code

微軟發(fā)布的字體，效果如下：

比較奇怪的是，雙等號==連在一起，但沒有完全連在一起。

Iosevka

Iosevka

效果如下：

Victor Mono

victor-mono

這是一個風(fēng)格偏“苗條”的字體，Regular顯得很細(xì)，這是Medium的效果：

Monoid

monoid

風(fēng)格非常個性化的字體，效果如下：

Julia Mono

juliamono

我個人挺喜歡這個字體風(fēng)格的，可惜它對連字符的支持非常有限。

DejaVuSansCode

DejaVuSansCode

這個字體是在DejaVuSans的基礎(chǔ)上加入連字符的修改版本，效果如下：

Recursive Code Mono Linear

recursive

偏手寫風(fēng)格的字體，我個人非常喜歡，效果如下：

Fixedsys Excelsior

fixedsys

一款像素風(fēng)格的字體，我也非常喜歡，效果如下：

Ligaturizer

Ligaturizer

Ligaturizer實(shí)際上并不是一個字體，而是一個可以讓你給已有字體添加連字體的項目（Python），添加的連字體其實(shí)就提取自Fira Code。

如果你想給喜歡的字體添加連字體，可以試試這個項目，不過這個項目無法在Windows上運(yùn)行。

該項目提供了很多開源字體的連字體版本，你也可以先看看這些現(xiàn)成的字體，如果里面正好有你需要的，就不用自己去跑項目了。

連字體版的Edlo：

連字體版的Ubuntu Mono：

Comic Code

看名字就能猜到，這是日本人做的字體。

需要說明的是，Comic Code是一個收費(fèi)字體（所以就不貼鏈接了），但是它曾經(jīng)提供過一些免費(fèi)的試用版，對一般人來說完全夠用了，所以這里也做一下展示。效果如下：

有一款與它風(fēng)格類似的開源字體叫Comic Mono，我也用過一段時間，但它并不包含連字體，這里展示一下使用Ligaturizer給其添加連字體后的效果：