← 全部工具

字級比例設計器

在本機編輯字級比例設計器並檢查真實原生預覽。

typography-scale-designer本機處理

正在啟用本機工具…

輸入與預覽設定

本機處理,不上傳或儲存。文字每欄32 KiB,字型8 MiB,完整輸出1 MiB;Worker處理限一秒。修改輸入會清除舊預覽及匯出。

原生預覽

確認輸入後建立預覽;字型須先選檔。

處理規則與限制

字級=基準×比例^級數,從-1級至指定級數。產生rem假設根字級16px;流動模式依來源,視窗0px時最小86%、1200px時最大100%,以vw線性插值及clamp(來源沒有窄/寬視窗控制)。原生呈現字級、獨立捲動與本文行高。基準10至32/比例1.05至2/級數2至8/行高1至2.5。過大比例需捲動,不保證可讀性/無障礙。 文字僅留記憶體;每欄32 KiB,完整輸出1 MiB。原生預覽限此容器,匯出HTML為跳脫文字,不注入文件。修改輸入會取消待完成作業並清除舊結果。

ToolHubEN source controls ↗CSS clamp ↗

如何使用這個工具

編輯來源欄位、建立預覽、檢查後匯出完整文字。字型須明確選取本機檔案,不請求外部字型URL。

不適合用在什麼情況

字級=基準×比例^級數,從-1級至指定級數。產生rem假設根字級16px;流動模式依來源,視窗0px時最小86%、1200px時最大100%,以vw線性插值及clamp(來源沒有窄/寬視窗控制)。原生呈現字級、獨立捲動與本文行高。基準10至32/比例1.05至2/級數2至8/行高1至2.5。過大比例需捲動,不保證可讀性/無障礙。 文字僅留記憶體;每欄32 KiB,完整輸出1 MiB。原生預覽限此容器,匯出HTML為跳脫文字,不注入文件。修改輸入會取消待完成作業並清除舊結果。