免費可商用!Google Sans Flex 開源下載,可變軸設計讓一款字體抵千款

免費可商用!Google Sans Flex 開源下載,可變軸設計讓一款字體抵千款

專案若有需要不同粗細的字體,大部分應該都會碰到要下載一大堆字型檔案,每個檔案都只是粗細不同而已?或是想調整字體寬度,卻發現根本沒有合適的選項?

好消息來了!Google 在 2025 年正式將旗下品牌字體「Google Sans Flex」開源,而且完全免費、可商用。更棒的是,這是一款「可變字體」(Variable Font),意思是你只需要下載一個檔案,就能自由調整粗細、寬度等六種不同的參數。

Google Sans 是 Google 自 2015 年重新設計品牌識別後使用的官方字體,你在 Gmail、Google 搜尋、YouTube 等各種 Google 產品上看到的文字,幾乎都是用這款字體。

免費可商用!Google Sans Flex 開源下載,可變軸設計讓一款字體抵千款

而 Google Sans Flex 是這個字體家族的最新成員,也是技術上最先進的一款。它採用「可變字體」技術,讓設計師和開發者能用單一字體檔案,就創造出數千種不同的視覺效果。

這款字體有多熱門?根據 Google 官方數據,Google Sans 每個月在全球有超過 120 億次的字體請求。現在這款字體開源了,任何人都能免費使用,甚至用在商業專案上也完全合法。

🔔 不錯過任何精彩! 立即訂閱我們的 LINE 官方帳號

每次發佈新文章時,您將會第一時間收到本站文章連結通知,輕鬆掌握最新資訊!

§相關文章,還可以參閱:

Google Sans 的演進故事:七個設計問題塑造一款字體

Google Sans 不是一夕之間誕生的,而是經過近十年的演進,針對各種實際使用問題逐步優化。讓我們快速瀏覽一下它的發展歷程:

1. 產品標識與新 Logo 不搭(2015)

2015 年 Google 重新設計 Logo 後,發現數百個產品的標識(像是「Google Maps」、「Google Drive」這些名稱)都需要配合更新。於是他們創造了 Product Sans,一款基於新 Logo 幾何形狀設計的字體。

2. Product Sans 不適合行銷和介面使用

設計師們很快發現 Product Sans 雖然用在大標題很漂亮,但用在廣告或手機介面的小字上就不夠清晰。於是 Google Sans 誕生了,專門優化了字母形狀、高度和筆劃對比,讓它在各種尺寸下都好看又好讀。

免費可商用!Google Sans Flex 開源下載,可變軸設計讓一款字體抵千款

3. 小字還是不夠清楚

即使有了 Google Sans,在小尺寸下的可讀性還是不夠理想。2020 年,Google 推出了 Google Sans Text(GST),字母更高、更窄、間距更寬,專門用於小字顯示。這個版本也考量到要跟 Android 預設字體 Roboto 的比例相符,方便切換。

免費可商用!Google Sans Flex 開源下載,可變軸設計讓一款字體抵千款

4. 只支援歐洲語言

一開始 Google Sans 只有拉丁字母,但 Google 的產品是全球化的啊!於是他們展開了一項龐大工程,與全球 20 多個專業字型工作室合作,為阿拉伯文、中文、泰文、日文、韓文等超過 20 種書寫系統設計對應字體。這讓 Google Sans 成為世界上最大的字體家族之一。

5. 無法表達情感和個性

隨著介面越來越動態、個人化,設計師需要的不只是「清楚好讀」的字體,還要能傳達「感覺」和「情緒」。傳統字體只有幾種固定樣式(粗體、斜體等),彈性不夠。

這就是 Google Sans Flex 誕生的原因。

6. 只有 Google 能用

雖然 Google Sans 很棒,但一直以來都是 Google 的專屬品牌字體,第三方開發者和設計師無法使用。這造成了一個問題:你在 Gmail 看到的是 Google Sans,切換到 WhatsApp 就變成 Roboto 或其他字體,視覺體驗不連貫。

2025 年,Google 決定將 Google Sans 和 Google Sans Flex 開源,任何人都能免費使用。這不只是開放資源,更是希望創造一個更統一、更優質的數位環境。

Google Sans Flex 的六大可變軸:讓一款字體抵千款

好,現在進入重點:什麼是「可變軸」?為什麼它值得你關注?

傳統字體如果要不同的粗細,你得下載「細體」、「標準體」、「粗體」、「特粗體」等多個檔案。但可變字體只需要一個檔案,就能在這些樣式之間「無段調整」。

Google Sans Flex 提供了六個可變軸:

1. Weight(字重)

從極細的 Thin 100 到超粗的 Black 900,你可以精確調整到任何數值,比如 350 或 625。

2. Width(寬度)

讓字體變窄或變寬,適應不同的版面需求。

3. Optical Size(光學大小)

這個軸會智慧調整字母形狀,讓字體在手錶螢幕或大型看板上都保持最佳可讀性。

4. Slant(傾斜)

類似斜體,但可以精確控制傾斜角度。

5. Grade(等級)

在不改變字體寬度的情況下,調整筆劃的粗細,用來微調視覺重量。

6. Roundness(圓潤度)

這是設計師最愛的功能!可以調整字體的圓潤或尖銳程度,讓文字感覺「溫暖親切」或「銳利專業」。

免費可商用!Google Sans Flex 開源下載,可變軸設計讓一款字體抵千款

透過這六個軸的組合,你可以創造出數千種不同的視覺風格,而且都來自同一個字體檔案。這不僅節省檔案空間,也讓設計流程更有彈性。

如何下載 Google Sans Flex?

下載方式非常簡單:

方法一:從 Google Fonts 下載

  1. 前往 Google Fonts 官網
  2. 搜尋「Google Sans Flex」
  3. 點擊「Get font」進入詳細頁面
  4. 點擊右上角的「Download all」按鈕
  5. 解壓縮下載的 ZIP 檔案,就能看到字體檔案了
免費可商用!Google Sans Flex 開源下載,可變軸設計讓一款字體抵千款

方法二:使用 Web Font

如果你是網頁開發者,可以直接嵌入 Google Fonts 的 CDN:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wdth,wght@8..144,75..125,100..900&display=swap" rel="stylesheet">

然後在 CSS 中使用:

body {
  font-family: "Google Sans Flex", sans-serif;
}

如何安裝 Google Sans Flex?

下載完字體檔案後,安裝步驟依作業系統而異:

Windows 系統

  1. 解壓縮下載的 ZIP 檔案
  2. 找到 .ttf.otf 字體檔案
  3. 對檔案按右鍵,選擇「安裝」或「為所有使用者安裝」
  4. 安裝完成後,在 Word、Photoshop 等軟體中就能使用了

macOS 系統

  1. 解壓縮下載的 ZIP 檔案
  2. 雙擊 .ttf 或 .otf 字體檔案
  3. 在彈出的「字體簿」視窗中,點擊「安裝字體」
  4. 完成!現在所有應用程式都能使用這款字體

Linux 系統

  1. 將字體檔案複製到 ~/.fonts 或 /usr/share/fonts
  2. 執行 fc-cache -f -v 重新整理字體快取
  3. 完成安裝

如何在設計軟體中使用可變軸?

安裝完成後,你會想知道:「要怎麼調整那些可變軸參數?」

Adobe Illustrator / Photoshop

  1. 選取文字工具,輸入文字
  2. 在字元面板中選擇「Google Sans Flex」
  3. 點擊字元面板右上角的選單,選擇「可變字體」
  4. 你會看到滑桿可以調整 Weight、Width 等參數

Figma

  1. 選取文字圖層
  2. 在右側面板的字體選單中選擇「Google Sans Flex」
  3. 下方會出現可變軸的滑桿控制項
  4. 調整到你想要的效果

CSS(網頁開發)

如果你是用在網頁上,可以透過 CSS 的 font-variation-settings 屬性:

.custom-text {
  font-family: "Google Sans Flex", sans-serif;
  font-variation-settings: 
     'wght' 450,  /* Weight */
     'wdth' 100,  /* Width */
    'GRAD' 0,    /* Grade */
     'opsz' 14;   /* Optical Size */
}

授權與使用限制

最重要的問題:「我真的可以免費用在商業專案嗎?」

答案是:可以!

Google Sans Flex 採用 SIL Open Font License 1.1(OFL) 授權,這意味著:

  • 完全免費:不需要付任何費用
  • 可商用:用在公司網站、App、產品包裝都沒問題
  • 可修改:你可以調整字體並重新發布
  • 可再分發:可以包含在你的軟體中一起發布

唯一的限制是:你不能單獨販售字體檔案本身(但包含在軟體或設計作品中就沒問題)。

一個小遺憾:目前沒有中文

如果你看到這裡,可能會想問:「那中文呢?」

很遺憾,Google Sans Flex 目前只支援拉丁字母,也就是英文、法文、德文等歐洲語言。雖然 Google Sans 家族有支援中文、日文、韓文等多種語言,但 Flex 這個可變字體版本暫時還沒有。

不過,Google Fonts 上有其他開源中文字體可以選擇,像是:

  • Noto Sans TC(思源黑體繁體中文版)
  • Noto Serif TC(思源宋體繁體中文版)

這些字體同樣免費、可商用,雖然不是可變字體,但品質也很優秀。

為什麼 Google 要開源字體?

你可能會好奇:「Google 為什麼要把自己的品牌字體開源?」

根據 Google 設計團隊的說法,主要有幾個原因:

  1. 創造更一致的使用體驗:讓第三方 App 也能用 Google Sans,減少視覺上的跳躍感
  2. 推廣可變字體技術:鼓勵更多開發者和設計師使用這項先進技術
  3. 回饋設計社群:Google 從開源社群獲益良多,也希望回饋貢獻

這個決定不只對設計師有利,對一般使用者來說,也意味著未來我們使用的 App 和網站會有更統一、更優質的視覺體驗。

結語:字體的未來,就在你手中

Google Sans Flex 的開源,不只是 Google 的一次慷慨分享,更是字體技術演進的一個里程碑。可變字體代表了未來的趨勢:更少的檔案、更多的彈性、更好的使用體驗。

現在,這個每月被請求 120 億次的字體,已經向所有人開放。無論你是專業設計師、網頁開發者,還是只是想為個人專案找個好看的字體,Google Sans Flex 都是一個值得收藏的選擇。

Google Fonts 下載吧,開始探索可變字體的無限可能!


延伸閱讀: