如何在 WebStorm 使用 Fira Code 字型 ? | 點燈坊

Fira Code 是最近很流行字型，其特色是 => 變成真正箭頭，特別適合 ECMAScript 2015 的 Arrow Function。WebStorm 已經內建 Fira Code，只要稍微設定即可使用。

Version

macOS Mojave 10.14.5
WebStorm 2018.3.2
FiraCode 2

Fira Code

$ brew tap homebrew/cask-fonts
$ brew cask install font-fira-code

使用 Homebrew 安裝 Fira Code。

WebStorm

1. Preferences -> Editor -> Color Scheme -> Color Scheme Font
2. Font：Fira Code 系列
3. Fallback font：Menlo

設定後會發現 => 變成了真正箭頭。

Conclusion

• Fira Code 用在其他語言或許沒這麼明顯，但用在 ES6 的 arrow function 則非常酷