你是不是也有這樣的困擾?寫程式碼時,經常被 i、I、l、1 這些長得超像的字元搞得眼花繚亂,導致除錯時間變長?現在 Google 幫我們解決這個問題了!他們推出了一款專門為程式設計師打造的免費字體——Google Sans Code,不僅解決了字元混淆問題,還讓程式碼看起來更清爽好讀。
什麼是 Google Sans Code?
Google Sans Code 是 Google 與 Universal Thirst 字體設計公司聯手打造的全新固定寬度字型(等寬字體)。這款字體不僅承襲了 Google 的品牌設計美學,更在程式碼的清晰度與可讀性上進行了深度優化,專門為了解決程式設計師日常工作中面臨的排版挑戰而生。說到程式設計師的痛點,相信大家都有感受:例如英文字母 i、l、I 和數字 1 或是英文字母的 o、O 和數字 0 等,諸如此類,透過合適的字型可以減少辨識時間,降低可能的錯誤率。Google Sans Code 就是要來拯救我們的眼睛和時間!
Google Sans Code 有哪些超棒特色?
字元辨識度大幅提升
Google Sans Code 針對那些容易搞混的字元做了特別設計。為了解決 l 與 1、O 與 0 等容易混淆的字元問題,Google Sans Code 為 a、g 等字母賦予了更傳統、更具辨識度的字形,從此告別「這到底是字母還是數字」的困擾!
小字體也清晰可讀
現在的螢幕解析度越來越高,字體越來越小,但 Google Sans Code 不怕!設計師透過緩和的曲線半徑和筆直的垂直主幹,擴大了如 o、a、p 等字母的內部空間,即使在小尺寸下也能保持清晰度。
超有質感的斜體設計
這個設計真的很酷!其斜體並非僅僅是將羅馬正體(Roman)傾斜,而是從文藝復興時期義大利書法家 Ludovico Vicentino degli Arrighi 的作品中汲取靈感,創造出一種更具流動感與手寫溫度的斜體風格。程式碼註解從此變得優雅有氣質!
豐富的字重選擇
這款字型提供六種不同的字重:Light、Regular、Medium、SemiBold、Bold 和 Extra Bold,加上斜體變化一共有 12 種樣式,不管你喜歡細一點還是粗一點的字體,都能找到適合的選擇。
如何免費下載 Google Sans Code?
從 Google Fonts 直接下載的方法:
1.預覽與測試字型
進入 Google Fonts 網站的Google Sans Code 字型頁面,可以看到不同字重、樣式的實際顯示效果,用戶可以設定要測試的文字內容、字體大小。
點選上方「Type tester」工具開啟編輯器以進行更多更詳細的字型測試。
2.下載字型檔案:
點選字型頁面右上角「Get Font」就會進入下載頁面,點選右側「Download All」即可下載字型檔案。
3.在網頁中使用:
如果你想在網頁專案中使用這款字體,點選「Get embed code」取得嵌入程式碼,直接貼到你的 HTML 檔案中就可以使用了!
下載後會得到什麼檔案?
下載、解壓縮後會取得可變字體(Variable Font)和靜態字體(Static Font)兩種格式,包括:
- 可變字體:GoogleSansCode-VariableFont_wght.ttf(非斜體)和 GoogleSansCode-Italic-VariableFont_wght.ttf(斜體)。
- 靜態字體:放在 static 資料夾裡,包含各種字重的 TTF 檔案。
如果你的編輯器支援可變字體,建議使用可變字體版本,可以更靈活地調整字重。不支援的話,就用靜態字體版本吧!
哪些程式可以使用 Google Sans Code?
Google Sans Code 幾乎可以在任何程式碼編輯器中使用!包括:
- Visual Studio Code
- Sublime Text
- Atom
- Vim/Neovim
- Emacs
- IntelliJ IDEA
- Android Studio 和 Gemini 編輯環境(已率先導入)
只要在編輯器的字體設定中選擇 "Google Sans Code" 就可以了。
Google Sans Code 針對易混淆字元(如 i、l、1)進行最佳化設計,減少閱讀錯誤,提升開發效率,讓你專注在邏輯思考而不是辨認字元上,且提供 6 種字重與斜體變化,共 12 種樣式,適用於不同程式碼編輯場景,不管是寫註解還是主程式碼,都能找到最適合的樣式。Google Sans Code 完全免費,從 Google Fonts 網站即可預覽、下載,並有網頁嵌入程式碼,不用擔心授權問題,商業專案也能安心使用。
Google Sans Code 不只是一款字體,更是 Google 對程式設計師社群的一份貼心禮物。它解決了我們日常寫程式時的實際痛點,同時還帶來了優雅的視覺享受。