- 登入
- 註冊
網站字體怎麼選？質感字體推薦＋商用授權避雷 2026
內容目錄
顯示
網站字型會影響文字的外觀與閱讀體驗。選擇時可同時核對品牌風格、實際尺寸下的可讀性、網頁使用授權與載入方式；CSS 指定訪客裝置已有的字型，和把字型檔上傳至網站供下載，是不同的使用方式。
先用自己的標題、長段落、姓名與商品規格試字，再確認取得來源和網頁授權。下文比較黑體、明體、台北黑體與付費字型，整理官方入口、外連或自架的責任，以及可交給設計師核對的驗收清單。
選網站字體的三個原則
- 可讀性優先：把真實內文放在手機與桌面上，檢查小字、標點與長段落。裝飾性字型可先試標題，內文則以讀者能清楚閱讀為準。
- 先從一至兩套開始：可用同一家族的字重建立層級，或分別選標題與內文字型。這是簡化風格和請求數的建議，不是網站只能使用兩套的規定；載入負擔仍要看實際檔案與用到的字重。
- 氣質要對：可把黑體、明體與圓體放進同一份品牌文案比較。現代、書卷或親切等感受是設計判斷，不能用字型類別替所有產業指定唯一答案。
質感中文字體推薦：開源授權也要核對使用條件
思源黑體與 Noto Sans TC：先分清下載名稱
搜尋「思源黑體」時，會遇到 Adobe 的 Source Han Sans 與 Noto 的不同發行名稱。Noto CJK 官方專案另說明，Google Fonts 使用 Traditional Chinese 等語言名稱；其字型設定名稱為 Noto Sans TC。請依實際下載的專案、語言與檔名識別，不把 Source Han Sans、Noto Sans CJK TC 與 Noto Sans TC 的版本、格式和字重一概視為相同。
本篇網頁選字以 Google Fonts 發行的 Noto Sans TC 為例；該版本附 SIL Open Font License 1.1，可依條件商用、嵌入、修改與散布。Google Fonts 當前的官方字型資料列為可變字型，字重軸為 100–900；這是這個發行版本的範圍，不代表任一來源的「思源黑體」都提供相同檔案。
思源宋體與 Noto Serif TC：用實際內文比較明體
Noto Serif TC 可用於比較標題、引言或內文的明體風格。Google Fonts 當前的官方資料列字重軸為 200–900，並附 OFL 1.1 授權。搜尋「思源宋體」也可能取得 Adobe 的 Source Han Serif，須依各發行版本的檔案與說明核對；搭配黑體時，先比較自己的長段落在手機和桌面上的可讀性，不預設明體不適合內文。
台北黑體：在地設計的免費選擇
翰字鑄造的台北黑體以思源字型為基礎改作，官方介紹著重印刷風格；不能據此宣稱螢幕最佳化或熱門採用量。下載頁目前標為 Beta，提供 TTF 並採 OFL 1.1；使用前確認缺字、所需字重、網頁呈現和授權條件。
付費字體：金萱等台灣自製字型
付費字型可依字形風格、可讀性與授權預算評估，不代表其他品牌無法使用或一定提升辨識度。例如 justfont 的 通用授權摘要把桌面、網頁及註冊商標等用途分開說明；其 WebFont 方案另有使用期間與瀏覽量條件。桌面授權不能直接當成自行上傳字型檔的網頁授權，其他廠商仍須各自核對。
以金萱等字型為例，先從廠商正式商店或會員下載入口取得檔案與購買紀錄，再確認買的是桌面、網頁服務或其他用途。justfont 當期通用授權禁止將桌面字型檔分享給未授權的第三方，或上傳至雲端共編、設計與 AI 服務；讓網頁文字直接套用則須按其 WebFont 方式處理，不能因為已付桌面授權費，就把檔案交給 AI 架站工具或放進網站專案。這是該授權的規則，不外推所有廠商都採同一契約。
版本更新也要重新驗排版。justfont 的 2026 年金萱更新公告提醒，歐文與數字寬度調整會影響舊版文件排版；網站換檔時也應重看按鈕、價格、日期和中英混排，不只確認中文字看起來相近。
字型官方入口與網頁使用方式對照
以下入口與授權於 2026 年 11 月 5 日核對。授權跟著實際取得的版本與契約判斷；保存官方網址、下載日期、檔名、版本和授權文件，比只留一張「可商用」截圖更方便交接。
| 選項 | 正式取得與識別 | 放進網站前核對 |
|---|---|---|
| Noto Sans TC／思源黑體相關發行 | Google Fonts 的 Noto Sans TC 檔案與 OFL；Adobe 的 Source Han Sans 另按該專案下載說明 | 先選繁中版本，再核對字重與格式；OFL 允許符合條件的自架與網頁散布，保留版權及授權資訊 |
| Noto Serif TC／思源宋體相關發行 | Google Fonts 的 Noto Serif TC 檔案與 OFL；Adobe 的 Source Han Serif 另核對 | 手機內文與標點實測；不要把「宋體」名稱當成已選對繁中版本或已涵蓋所有姓名用字 |
| 台北黑體 | 翰字鑄造官方下載頁，現列 Beta、TTF、OFL 1.1 | 保留該版本授權；印刷風格與網站螢幕呈現分別測，公測或開源均不保證不缺字 |
| 金萱等付費字型 | 從廠商正式商店／授權帳戶取得，核對購買用途與版本 | justfont 桌面通用授權、WebFont 服務、註冊商標與嵌入用途分開；不得把桌面檔直接上傳為 webfont 或給 AI／雲端設計服務 |
商用授權的三條紅線
紅線一：本機字型呼叫與上傳字型檔分開核對
Microsoft 字型 FAQ允許網站在 CSS 字型堆疊中指定 Windows 字型，讓已安裝字型的訪客裝置顯示。這和複製 Windows 字型檔到伺服器、轉成 WOFF 或以網頁字型提供下載不同；後者不能沿用 Windows 內建授權，須取得適用權利。訪客沒有該字型時，要有可用的替代字型。
紅線二：免費下載不等於免費商用
免費下載本身不能證明可以商用或嵌入網頁。應核對下載版本附帶的授權、官方說明及預定用途。OFL 1.1 允許符合條件的商用與嵌入，但再散布需保留版權與授權通知，修改時須遵守保留字型名稱等條件，也不能把字型本身單獨販售；這不替商標或其他作品權利提供保證。
「裁掉沒用的字」也需要核對授權。SIL 官方 FAQ 第 2 節說明，子集通常視為修改，須依保留字型名稱等條件處理；WOFF／WOFF2 若只是壓縮、原始字型資料及相應中繼資料符合指定條件，才可能不視為修改。不要以為線上轉檔工具會自動符合條件；較穩妥的起點是取得官方提供的網頁格式，再交由負責人核對自行轉檔或裁字的規則。
紅線三：Logo 設計與註冊商標用途分別確認
Logo 文字設計、註冊商標、應用程式嵌入與網頁使用可能有不同授權。例如 justfont 通用授權摘要列出 Logo 與註冊商標的不同條件；應依實際字型、版本、用途與正式契約確認，不把一家廠商的規則套用全部字型。
中文字型的載入負擔：看字元、字重與實際請求
涵蓋大量字元或多種字重的字型檔可能較大，但不能只用中英文分類推定下載大小。web.dev 的網頁字型載入說明建議減少不需要的字型與字重、評估子集和載入策略，再檢查網路請求及實際渲染；不從字型檔大小直接推論首頁延遲，也不說圖片壓縮的收益一定會被抵消。
可先評估三種方式：使用字型服務並確認其子集、快取及授權條件；依需求自管有適用授權的網頁字型，減少不需要的字元或字重；或使用系統字型堆疊，由訪客裝置已有字型顯示，避免額外下載該網頁字型檔。不同裝置的呈現可能不同，實際速度仍需測試，不能保證任一方法總是最快。
外部字型服務、自架與系統字型，各由誰負責？
| 載入方式 | 需要安排的責任 | 驗收時看什麼 |
|---|---|---|
| CSS 呼叫訪客已有字型 | 設計者安排替代字型與跨裝置排版；不是把作業系統字型檔複製到網站 | 未安裝指定字型的裝置仍能閱讀，按鈕與長標題沒有截斷 |
| Google Fonts／付費 WebFont 服務 | 確認字型授權、服務期間、額度、網址及停用後的替代方式；外部請求另核對資料流 | 瀏覽器實際載入的 CSS／字型網域、字重、請求大小、失敗時的替代呈現 |
| 自行架設字型檔 | 網站負責人保存授權與來源，處理格式、子集、更新、快取及必要的跨來源設定 | 檔案可載入且版本正確，字重沒有漏載；換網址或換主機後再測 |
Google Fonts 當期 FAQ說明，透過其 Web API 載入會向 Google 的字型伺服器送出 HTTP 請求，包含 IP 位址、請求網址及瀏覽器等標頭；API 不設或記錄 Cookie，不等於完全沒有資料傳送。改由自己的伺服器提供字型，可避免因這筆字型載入向 Google 送出訪客資料，但檔案與更新須自行維護；這不代表網站其他功能都沒有外部請求，也不是整站隱私合規保證。
Google 同頁也明示，過去跨不同網站共用已快取字型的優勢已不再成立，不能只用「訪客別站載過」當成零下載保證。自架或服務載入都要看實際網路紀錄，而非只比字型數量。
上線前的字型驗收：留下四種證據
下列是可交給設計或維護人員的檢查方法，不是本篇已替每個字型、網站或裝置完成的測試結果。選定兩個候選時，使用同一份品牌文案、同一頁面及相同裝置條件，才便於比較。
| 驗收項目 | 怎麼操作 | 應留下什麼 |
|---|---|---|
| 字形與缺字 | 放入真實姓名、生僻字、全形標點、價格、英文與數字；查看桌面及手機的實際尺寸 | 試字內容、字型名稱／版本及兩種畫面，標出缺字或改用替代字型之處 |
| 載入與字重 | 在瀏覽器網路面板重新載入，核對字型請求、下載大小、實際字重及錯誤；冷載入與快取後分開記 | 實際請求清單與條件，不用完整檔案大小直接宣稱首屏一定延遲幾秒 |
| 失敗與換字 | 檢查慢速或字型服務不可用時的替代文字、載入後的換行與版面移動 | 可閱讀性、按鈕溢出及版面位移紀錄，不只保存最後成功畫面 |
| 授權與維護 | 核對來源、用途、授權人、檔案散布與修改條件；付費服務另列期限／額度與續費負責人 | 授權文件、取得紀錄與維護清單，不把平台可上傳視為字型授權已通過 |
技術設定也要依內容調整。MDN 的 font-display 說明區分 swap、fallback、optional 等載入策略；swap 會有很短的文字阻擋期，之後可先用替代字型，再換成下載完成的字型，不代表零版面位移。Google Fonts CSS API可精確請求所需字重，固定標題也可評估 text 子集；文章、商品或會員姓名會持續變動時，必須安排新增字元，不能只裁目前畫面用到的字就認定後續都不缺字。
內文精華總結
字型選擇三原則：可讀性實測、簡潔的字型組合、品牌風格核對。
- 黑體、明體與圓體都可用自己的標題和內文比較，產業類別不是唯一選擇依據。
- 思源黑體、思源宋體與台北黑體可按各下載版本的 OFL 條件評估，不把開源等同所有用途的安全保證。
授權三紅線：分清本機字型與網頁檔案、讀完整使用條件、核對 Logo 與商標用途。
- 保存下載版本的版權與授權文件，核對嵌入、檔案散布、修改及預定用途；有疑義時請字型廠商確認。
字型載入負擔需按實際檔案、字重與渲染結果確認。
- 減少不需要的字重與字元，確認服務提供的子集和快取，並用網路請求與閱讀測試驗收。
字體美感不用自己跟 CSS 搏鬥
可先在秒站試用後台確認外觀設定提供的字型與版面選項，再用自己的文字檢查手機、桌面、替代字型與載入結果。自製頁面或引入外部字型時，也要核對適用授權及實際載入方式：
- 4 小時免費試用：免信用卡，先確認編輯方式與自己的字型閱讀需求；試用與正式站的銜接依公開流程處理。
- 看秒站方案：標準首年 NT$24,000／續年 NT$12,000，專業首年 NT$36,000／續年 NT$18,000，輕電商首年 NT$48,000／續年 NT$24,000；上述為含稅平台年費，功能加購、網域、影片空間及外部字型授權／服務費另核對，不視為已包含所有付費字型。
- 看網站案例：參考內容與版面安排，再以自己的文字驗收字型效果。
延伸閱讀
- 網頁設計趨勢 2026
- Logo 設計工具推薦｜8 款線上製作 + AI 生成
- 圖片壓縮怎麼做？WebP、JPG、PNG 差在哪＋免費工具推薦 2026
- 網站測速怎麼看？工具、指標與改善順序
- RWD 響應式網頁設計完整指南 2026
秒站現在不只是一套版型。你可以從現成架構快速開始，用頁面編輯器以拖曳和複製區塊的方式調整版面；需要更高自由度時，也能和 AI 協作，把自製頁面放進 Vibe 畫布。上線速度與設計自由不必二選一。
重點整理
有哪些免費又有質感的中文字體可以商用？
Noto Sans TC、Noto Serif TC 與台北黑體可依各下載版本的 OFL 1.1 條件評估商業用途。從官方入口取得並保存版權與授權文件，子集或改作另核保留字型名稱等條件。台北黑體當期仍標 Beta／TTF，須確認缺字與螢幕顯示；開源不保證所有用途或商標權利。
微軟正黑體可以用在公司網站上嗎？
CSS 指定微軟正黑體、由已安裝字型的訪客裝置顯示，與網站提供字型檔下載不同。Microsoft FAQ 允許前者；複製 Windows 字型檔到伺服器或轉成 WOFF 供網頁使用，須另取得適用權利，並提供替代字型。
網站字體最多可以用幾套？
沒有通用的兩套上限。可先從一至兩套或同一家族的字重建立層級，再按品牌與閱讀需求調整；載入負擔須看實際檔案、字重與請求。
免費下載的字體就可以放上官網嗎？
不能只看免費下載，應核對官方授權、下載版本與用途。OFL 允許符合條件的商用、網頁散布、修改與再散布，仍有通知、保留字型名稱與不得單售字型等條件；自行裁字或轉格式還要檢查修改規則。付費桌面授權也不能自動當成網頁上傳授權。
中文字體會拖慢網站速度嗎？
可能增加下載與渲染負擔，但大小和影響需按實際字元、字重、格式與載入策略測試。可減少不需要的字重、確認子集及快取，或用系統字型堆疊避免額外下載該字型檔；不能保證任一方式總是最快。
黑體、明體、圓體怎麼選？
先把三類字型放進自己的標題與長段落，檢查手機和桌面可讀性，再比較品牌風格。現代、書卷或親切等感受屬設計判斷，不能替所有產業指定唯一答案。
用字體做 Logo 要注意什麼授權問題？
分別核對 Logo 設計、註冊商標及其他嵌入用途。部分廠商把註冊商標列為不同授權，規則依字型與正式契約而定；一般字型使用授權也不保證商標可以註冊。
付費中文字體值得買嗎？
依字形、可讀性、用途與預算決定，不保證付費就增加辨識度。以 justfont 為例，桌面通用授權與 WebFont 服務分開，網頁方案另核期間與瀏覽量；桌面字型檔不能直接上傳到伺服器或 AI／雲端設計服務。版本更新後也需重新檢查中英混排、數字與換行。其他廠商依各自契約。
思源黑體、Noto Sans CJK TC 與 Noto Sans TC 可以當同一個下載檔嗎？
不要只按俗稱判斷。Adobe 的 Source Han Sans 與 Noto／Google Fonts 有不同的發行名稱與檔案；Google Fonts 字型設定名稱為 Noto Sans TC，官方顯示名稱為 Noto Sans Traditional Chinese。先核對專案、繁中版本、格式、字重與檔名，不把各來源的版本和規格一概視為相同。宋體／Noto Serif TC 也用相同方式識別。
Google Fonts 免費，是否就沒有外部資料傳送或維護費？
字型授權與載入方式是兩件事。透過 Google Fonts Web API，瀏覽器仍向字型伺服器送出含 IP、網址及瀏覽器等標頭的請求；不設或記錄 Cookie 不等於沒有資料傳送。自架可避免這筆字型載入傳給 Google，但要自行維護授權、檔案、更新及快取，也不保證比服務載入快或整站沒有其他外部請求。
