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 上。」
「巨字遮罩那個效果我們本來估三週工時,用 MONO 的宣告式 API 一個下午就上線了。老闆以為我們外包了。」