台北黑體Taipei Sans TC

Taipei Sans TC / 正體中文 / 印刷風格黑體

讓每一個字，有自己的現場。

台北黑體以思源黑體為基礎改作，為正體中文提供更適合印刷與編排的黑體選擇。從文字編排、平面設計到影音字幕，讓內容以清楚的語氣抵達讀者。

直接試寫 ↘查看 GitHub ↗
以思源黑體為基礎印刷風格黑體免費試用版
台北／Taipei Live type

字型不是背景。它是內容抵達讀者之前，最先發生的語氣。

Regular 400印刷風格黑體
Explore the scenes

Made for the moment

同一套字，在編排、設計與字幕中工作。

官方以文字編排、平面設計與影音字幕為主要使用脈絡。這裡把它們放在同一個現場，看看字如何在不同距離保持清楚。

01 / Graphic design

平面上的訊息，要先被看見。

展覽、活動主視覺與印刷品，需要一個有辨識度、也經得起放大的中文字。台北黑體的穩定重心，讓短句在遠處依然清楚。

把你的標題放進來
Graphic design sample今天，也要好好生活。展覽主視覺／活動海報
02 / Typesetting文字編排
文文字編排Aa
字級、重量與行距讓段落有清楚的層次。

從標題到內文，編排的工作是讓閱讀有秩序。字重與字級之間，留得住資訊，也留得住呼吸。

03 / Video subtitles影音字幕
00:12:24 / Subtitle sample

今天，慢一點也沒關係。

— Taipei Sans TC specimen

字幕要在短暫時間內被讀懂。穩定的字面與清楚的節奏，讓觀眾把注意力留給畫面。

Direct type specimen

直接在字面上輸入。

點擊下方文字即可編輯；調整字級與字重，立刻看見它在畫面中的節奏。

試試台北黑體 Try Taipei Sans TC
直接點擊文字開始輸入；試著貼上你的首頁標題、產品通知或一段詩。Type to find your voice ↘

Ready when you are

三步，開始使用。

套件內含以 unicode-range 分割的 WOFF2 字型，瀏覽器只會載入頁面真正需要的字元。

terminalnpm / pnpm
# install
pnpm add @vp-tw/taipei-sans-tc

# import
import '@vp-tw/taipei-sans-tc';

# use
body { font-family: 'Taipei Sans TC', sans-serif; }
Designed for the web.Open for everyone.
cdnjsDelivr
<!-- load the stylesheet -->
<link rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@vp-tw/taipei-sans-tc/dist/Regular/TaipeiSansTCBeta-Regular.css">

/* use it in your CSS */
body { font-family: 'Taipei Sans TC', sans-serif; }
直接貼上，開始使用。CSS 會載入需要的字型子集。