什麼是字型排版測試工具?
字體排版測試器讓您即時調整字型屬性。修改字體族、字級、字重、行高、字距等參數,並在範例文字上即時預覽效果,找到最適合您設計的排版方案。
使用方法
- 在預覽區域輸入或貼上您的範例文字。
- 調整排版控制參數:字體族、字級、字重、行高、字距和詞距。
- 複製 CSS 輸出,直接將排版設定套用至您的專案中。
結果
一位網頁設計師將 Inter 字體設定為 18px、行高 1.6、字距 0.02em 後,複製 CSS 程式碼用於部落格樣式表。
字體排版測試器讓您即時調整字型屬性。修改字體族、字級、字重、行高、字距等參數,並在範例文字上即時預覽效果,找到最適合您設計的排版方案。
一位網頁設計師將 Inter 字體設定為 18px、行高 1.6、字距 0.02em 後,複製 CSS 程式碼用於部落格樣式表。
測試字型大小、間距和樣式
font-family: "Inter", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; word-spacing: 0em; text-align: left; text-transform: none; color: #292524;