開源免費的程序員專屬編程字體——FiraCode

介紹

FiraCode是一款優秀的編程專用連體等寬字體,這是筆者使用次數最多的字體,因為我喜歡它的連體性質,讓代碼看起來更優雅更符合人類對於字體的認知,在Github上這款字體已經收穫40+K Stars,足以說明其受歡迎程度,當然優秀是其受歡迎的原因!


開源免費的程序員專屬編程字體——FiraCode


Github

https://github.com/tonsky/FiraCode


開源免費的程序員專屬編程字體——FiraCode


一般字體的問題

我們在考慮載體會在意以下幾個點:

  • 相似的特徵是區分的,比如 0|O,1|I
  • 字體樣式(線寬,字符寬度/高度)是否易於閱讀
  • 安裝方式
  • 分辨率支持
  • 是否開源、免費

程序員使用很多符號,通常用幾個字符編碼。對於人的大腦,序列等->,<=或者:=是單獨的邏輯標記,即使它們需要兩個或三個字符在屏幕上。眼睛花費了非零的能量來掃描,解析並將多個字符合併為一個邏輯字符。理想情況下,所有編程語言都應使用面向操作員的完整Unicode符號進行設計,但事實並非如此。


開源免費的程序員專屬編程字體——FiraCode


Fira Code是Fira Mono字體的擴展,其中包含一組用於常見編程多字符組合的連字。這只是字體渲染功能:基礎代碼保持ASCII兼容。這有助於更快地閱讀和理解代碼。對於..或//這樣的頻繁序列,連字允許我們校正間距。


開源免費的程序員專屬編程字體——FiraCode


代碼效果預覽

下面展示一些Fira Code在不同變成語言的效果體驗(來源於Github):

  • Ruby

開源免費的程序員專屬編程字體——FiraCode


  • Go語言

開源免費的程序員專屬編程字體——FiraCode


  • JavaScript

開源免費的程序員專屬編程字體——FiraCode


  • PHP

開源免費的程序員專屬編程字體——FiraCode


  • liveScript

開源免費的程序員專屬編程字體——FiraCode


  • clojure

開源免費的程序員專屬編程字體——FiraCode


下面的圖片展示了其支持和不支持的終端:


開源免費的程序員專屬編程字體——FiraCode


以下是支持和不支持的編輯器(左邊是支持的編輯器,右邊相反):


開源免費的程序員專屬編程字體——FiraCode

開源免費的程序員專屬編程字體——FiraCode

開源免費的程序員專屬編程字體——FiraCode

Web瀏覽器支持


<link>
/* CSS */
@import url([email protected]/distr/fira_code.css);
/* Specify in CSS */
font-family: 'Fira Code', monospace;

以下是瀏覽器支持情況:


  • IE 10+, Edge: enable with font-feature-settings: "calt" 1;
  • Firefox
  • Safari
  • Chromium-based browsers (Chrome, Opera)
  • ACE
  • CodeMirror (enable with font-variant-ligatures: contextual;)

樣式集設置

通過樣式集,可以按功能訪問字體的其他可選部分。在Fira Code中,它們允許你啟用/禁用替代字符變體。Fira Code v2支持以下樣式集(只有在編輯器支持的情況下,才能啟用樣式集):


開源免費的程序員專屬編程字體——FiraCode


如何設置樣式集,可以參考Github上對於各個編輯器的介紹!

以下是筆者使用的IDE或者編輯器的使用預覽效果,字體已經放大:

  • VSCode

開源免費的程序員專屬編程字體——FiraCode


  • IDE家族

開源免費的程序員專屬編程字體——FiraCode


總結

筆者使用過幾款字體,各有各的優點,FiraCode是其中使用最多的字體,其他字體如Input、Source Code Pro、Anonymous Pro、Ubuntu Mono、Menlo、Consolas、Hack也是比較優秀的,有關這些字體的簡單瞭解可參考下文:


分享到:


相關文章: