流動字級 CSS clamp 產生器

由兩組視窗寬度與字級產生流動 font-size clamp()，預覽端點並在本機複製 CSS。

設定兩個端點

輸入設計稿中的 px；結果隨輸入即時更新。所有計算都在瀏覽器完成。

較窄視窗寬度（px）較窄視窗字級（px）較寬視窗寬度（px）較寬視窗字級（px）

輸出單位預期根字級（px）

rem 以此根字級換算；若網站使用不同根字級，實際端點會改變。

可直接貼到字級樣式。

font-size: clamp(1rem, calc(0.666667rem + 1.481481vw), 2rem);

16 px32 px

360 px 視窗1440 px 視窗

模擬視窗寬度: 900 px

檢視流動字級

24 px

預覽數值以輸入的根字級計算；滑桿不會改變真正的瀏覽器視窗。

以 px 輸入兩個視窗寬度及對應字級，選擇 rem 或 px 輸出，核對三個參考寬度，再到實際版面測試。

公式不代表符合無障礙要求。請在實際網站測試文字縮放、瀏覽器縮放、重新排版、字體載入與根字級；不要只看預覽。