一般的純文字編輯器不一定適合編寫程式碼,透過專業的程式碼編輯工具可針對程式語言上色,在閱讀時更省力,也減少因為誤判造成的問題,最重要的是使用等寬字型(Monospaced Font)閱讀程式碼,有一些字型專門為程式碼編輯器或終端機工具設計,像是微軟的 Cascadia Code、JetBrains Mono、Iosevka 或是 Hack 等等,或許你也有自己慣用的等寬字型。如果想找找其他選項,Programming Fonts 收錄 50 種最適合寫程式的字型也能線上比較。
免費字型
高盛銀行推出免費字型 Goldman Sans,強化數字符號易讀性
這幾年有很多企業公司會將自家的設計風格開放出來,除了顏色最重要的就是字型吧!畢竟字型可能代表著一家公司的核心價值、精神和專業產品,也會在這些細節上有更多著墨,例如之前我曾介紹過 IBM Plex 將每個字元及段落放在網格中製造出對齊、和諧或清晰的視覺感受;美國政府開放的 Public Sans 字型則強調無論在標題、內文或是使用者介面都能有絕佳易讀性;阿里巴巴、OPPO 也在前段時間分別釋出 Alibaba Sans 和 OPPO Sans 可商用免費字型。
Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果(Chrome 擴充功能)
對中文網頁來說,CSS 字型設定一直是個麻煩的問題,想直接載入字型檔案容量太大,拖慢網頁速度、耗費過多流量,通常會使用網頁字型解決,像是 Google Fonts 和 Adobe Fonts(以前叫作 Typekit)就有提供思源黑體和思源宋體等中文網頁字型,只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用,讓網頁的中文部分更易於閱讀,設計看起來也更有質感。
The Stocks 2 整合免費圖庫、影片、圖示和字型,單一網站快速瀏覽切換
距離上一次介紹 The Stocks 已經超過五年,前段時間無意間瀏覽到這個網站,才想起我以前好像也寫過文章,不過網站現在變得不太一樣而且內容又更完整了,非常推薦加入收藏,因為真的很方便。如果你還不知道 The Stocks,它整合各種設計相關免費資源,最早只有將一些免費圖庫整合在一起,讓找圖的使用者透過側邊欄選單快速切換各個不同圖庫網站,加速搜尋圖庫的效率。
粉圓字型免費下載,開源中文圓體可商用
OPPO Sans 免費中文字型,五種字重設計可用在商業用途
JetBrains Mono 更適合閱讀程式碼的等寬字型,內建四種字重斜體可商用
這幾年不少大公司都把字型開放出來讓需要的使用者可以自由下載使用,例如微軟專為新的終端機程式設計的 Cascadia Code,美國政府在 USWDS(U.S. Web Design System)設計的 Public Sans,IBM 公司自行開發的 IBM Plex 字型,或是由 Red Hat 贊助以 Highway Gothic 為靈感設計的 Overpass Font 等等,這些字型都有非常高的品質,針對特定功能或需求而生,更重要的是授權方式清楚,使用時也不用擔心侵權等問題。
Cascadia Code 微軟釋出免費等寬字型,開源更適合程式碼編輯器和終端機
100font.com 專門收集整理免費商用字型,提供各字體檔下載和相關鏈結
Freebies.ByPeople 各種免費素材集散地,設計師開發人員必須收藏
免費資源網路社群本身已經是一個收錄超過六千篇文章的免費資源網站,因此我就比較少介紹同類型的服務,不過網路上確實有不少類似網站,例如 Evernote Design 設計師必備懶人包就在單一網站上整合各種設計相關素材資源;或是 The Stocks 精選免費圖庫,一站收錄更方便搜尋等等,這些集合式免費資源都非常值得加入書籤以備不時之需。