你剛剛穿過了 O 的字腔

字,是可以被即時雕塑

mono.studio — 可變字型工作台

山風徐來

拖拉滑桿——這不是影片,是真的可變字型即時插值。

MONO
MONO

讓文字自己會動的網頁字型引擎。滑過巨字試試——粒子住在字腔裡。

向下捲動,穿過字腔
2,400+上線網站
9.2 億每月字形渲染
1.1s平均 LCP
118邊緣節點

Product

文字渲染的完整基礎建設

從字型分發、可變插值到捲動遮罩,一個 SDK 全部涵蓋。

可變字型即時渲染

從 Thin 100 到 Black 900,任何字重、字寬、光學尺寸的連續插值,60fps 即時運算,零額外請求。

0ms額外載入

GPU 字腔運算

字形輪廓在 GPU 上做 SDF 運算,粒子、漸層、位移貼圖全部塞進字腔裡,CPU 佔用低於 3%。

60fps全程穩定

CJK 全字集支援

繁中 13,053 字、日文、韓文完整覆蓋。動態子集化讓首屏字型負載壓在 28KB 以內。

28KB首屏字型

授權一次搞定

網頁、App、影片、商標一張授權全包。法務最愛的那種:無限 PV、無限專案、永久使用。

1 張全域授權

設計工具原生整合

Figma、Sketch、After Effects 外掛同步字型版本,設計稿與線上永遠一致,再也不用手動更新。

3 秒版本同步

邊緣節點分發

全球 118 個邊緣節點,字型檔案就近送達。台北到東京 12ms,到法蘭克福也只要 89ms。

118全球節點

How it works

三步,讓整站文字活過來

不改建站流程、不換框架。MONO 掛在文字渲染層,其餘一切照舊。

01

挑一套字

從 240+ 套精選字型庫挑選,或上傳自家品牌字型。支援 OTF、TTF、可變字型。

02

一行程式碼

貼上 <script> 或 npm install @mono/type,字型引擎自動接管頁面上所有文字渲染。

03

文字開始呼吸

捲動視差、滑鼠磁吸、字重漸變——所有動態效果宣告式設定,不用寫一行動畫程式。

Customer stories

他們的字,先開口了

從獨立工作室到跨國品牌,2,400+ 個網站用 MONO 讓文字成為主角。

改用 MONO 之後,官網首屏 LCP 從 3.2 秒壓到 1.1 秒,字型還變得會動。設計團隊和工程團隊第一次同時鼓掌。
林澈前端負責人・拾光影像
我們的品牌字是特別訂製的,以前只敢用在圖片裡。MONO 的子集化讓它終於能活在真正的 HTML 上。
YTYuki TanakaBrand Director・NEBULA
巨字遮罩那個效果我們本來估三週工時,用 MONO 的宣告式 API 一個下午就上線了。老闆以為我們外包了。
陳映竹產品設計師・山風科技

Pricing

從免費到品牌級,一路陪你

所有方案都含遮罩引擎核心。年繳再折兩個月。

Starter

個人專案與試水溫

免費

  • 3 套字型
  • 每月 10 萬 PV
  • 基本捲動動效
  • 社群支援
免費開始
最受歡迎

Studio

工作室與成長中的團隊

NT$1,680/月

  • 240+ 套字型全庫
  • 無限 PV
  • 全部動態效果 + 遮罩引擎
  • 自家字型上傳 ×10
  • Figma / AE 外掛
  • 優先支援
開始 14 天試用

Enterprise

品牌字型與大型組織

客製

  • 訂製字型工程
  • SLA 99.99%
  • 私有節點部署
  • 專屬字型顧問
聯絡銷售

讓字先說話

免費方案不用信用卡。五分鐘後,你的網站文字會呼吸。