支援功能
- 輸入
- 選項
- 輸出
- CSS · 選項
如何使用字體大小比例
字體大小比例. 設定基準字級、比例和級數以產生 CSS 大小。
- 調整上方的色彩、文字或數值。
- 調整設定並比較預覽。
- 複製結果或下載到裝置。
字體大小比例 · 範例
輸入
{
"base": 16,
"ratio": 1.25,
"below": 2,
"above": 5,
"text": "LocalKit"
}輸出
:root {
--text-minus-2: 10.24px;
--text-minus-1: 12.8px;
--text-0: 16px;
--text-1: 20px;
--text-2: 25px;
--text-3: 31.25px;
--text-4: 39.0625px;
--text-5: 48.82813px;
}使用說明
檔案與輸入在此瀏覽器內處理，不需上傳或註冊帳號。
預覽文字最大為 72px。匯出保留實際計算大小。