字級比例設計器
在本機編輯字級比例設計器並檢查真實原生預覽。
typography-scale-designer本機處理
正在啟用本機工具…
原生預覽
確認輸入後建立預覽;字型須先選檔。
處理規則與限制
字級=基準×比例^級數,從-1級至指定級數。產生rem假設根字級16px;流動模式依來源,視窗0px時最小86%、1200px時最大100%,以vw線性插值及clamp(來源沒有窄/寬視窗控制)。原生呈現字級、獨立捲動與本文行高。基準10至32/比例1.05至2/級數2至8/行高1至2.5。過大比例需捲動,不保證可讀性/無障礙。 文字僅留記憶體;每欄32 KiB,完整輸出1 MiB。原生預覽限此容器,匯出HTML為跳脫文字,不注入文件。修改輸入會取消待完成作業並清除舊結果。
如何使用這個工具
編輯來源欄位、建立預覽、檢查後匯出完整文字。字型須明確選取本機檔案,不請求外部字型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為跳脫文字,不注入文件。修改輸入會取消待完成作業並清除舊結果。