推薦使用的9款編程字體
1、Consolas
Consolas是一套等寬字體的字型，屬無襯線字體，由Lucas de Groot設計，這套字型使用了微軟的ClearType字型平滑技術，非常好看
2、Menlo
Menlo也是一個無襯線等寬字體，由Jim Lyles設計，首次出現於2009年8月上市的Mac OS X Snow Leopard系統內建字體之一。Menlo 之前是Xcode 中的默認字體，是DejaVu Sans Mono 的衍生品。
3、Source Code Pro
Source Code Pro 是Adobe 公司號稱最佳的編程字體。而且還是開源的。它非常適合用於閱讀代碼，支持Linux、Mac OS X 和Windows 等操作系統，而且無論商業或個人都可以免費使用。
下載地址：https:// github.com/adobe-fonts/ source-code-pro
4、Monaco
Monaco 字體是OS X 系統默認的字體，與Consolas 一樣都非常適合程序開發人員，很明顯一股濃濃的蘋果風味
5、Hack
Hack 是一種專門用來顯示編程語言的字體，其基於Bitstream Vera 和DejaVu 項目的開源字體， 0O以及1lI等都清晰可辨，是碼農的福音。
下載地址：https:// github.com/source-found ry/Hack
6、Fira Code
Fira 是Mozilla 公司主推的字體系列。Fira Code 是其中的一員，專為寫程序而生。出來具有等寬等基本屬性外，還加入了編程連字特性（ligatures）。
Fira code 其實基於Fira Mono 字體，然後對操作符做了特殊處理，這樣更符合通常的閱讀習慣。
下載地址：https:// github.com/tonsky/FiraC ode
7、Droid Sans Mono
Droid Sans Mono也是專為編程人員打造的一款字體，字體看起來平滑大氣，整體上給人一種舒適的感覺。
8、Lucida Sans Typewriter
Lucida Sans Typewriter字體是一款擁有高辨識性的經典等寬字體，字型乾淨大氣，易讀性出色，就像是打字機打出來的字體一樣，可用於網頁設計或編程設計
9、Anonymous Pro
Anonymous Pro字體是一款復古風格的字體，有一種古典打字機的風格樣式。同時字體樣式中規中矩，對各類字符有著較高的辨識度，同時對中文字體也有很強的兼容性，適合用來進行編程使用。
大家如果有更好用的編程字體推薦，也可以交流分享一下！大家可以在評論區留言你喜歡上面的哪一款字體？
這篇文章使用 font-family :Menlo, Monaco, Consolas
基本用法
使用 font-family 很簡單，只需要設定 family-name ( 字體名稱 ) 和 generic-family ( 通用字體 )，font-family 可以設定一種字體或多種不同的字體，每種字體間用半形逗號「,」隔開，當瀏覽器載入網頁樣式時，會從左邊第一個字體開始判斷，如果沒有對應的字體，就直接採用下一種字體，如果到最後都沒有可用的字體，就採用電腦預設字體，這時就可以透過 generic-family 來指定哪種預設字體。
舉例來說，下面這行 CSS，會先找第一種字體，若不支援或沒有該字體，則採用第二種字體，依此類推，最後使用通用字，從下方例子亦可以看到，字體名稱時不用加上雙引號，但如果你的字體名稱中間空格，就一定要加上雙引號。
body{
font-family:第一種字體, 第二種字體, "第三種 字體", "通用字";
} 
留言
張貼留言