排版 on BenzHubhttps://benzhub.github.io/tags/%E6%8E%92%E7%89%88/Recent content in 排版 on BenzHubHugozh-TWFri, 07 Aug 2026 00:00:00 +0000TailwindCSS 排版與文字完整指南：font 字體、text 字級、leading 行高、tracking 字距、text-wrap 與 v4 text-shadow、line-clamp、truncate | TailwindCSS 完整教學https://benzhub.github.io/post/tailwindcss/007-typography/Fri, 07 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/007-typography/<blockquote> <p>在 <strong>TailwindCSS</strong> 裡，排版（Typography）是你每天都會碰到的第一組工具類——字體、字級、行高、字距、字重、對齊、截斷，幾乎每個畫面元素都少不了。這篇是 <strong>TailwindCSS 完整教學</strong> 系列的第七篇，我們會把 <code>font-*</code>、<code>text-*</code>、<code>leading-*</code>、<code>tracking-*</code> 這些 <strong>text 工具類</strong> 一次講透，包含 v4 新增的 <code>text-wrap</code> 智慧換行與 <code>text-shadow</code> 文字陰影，並帶你用可執行的範例把設計系統的字級 Token 真正落到畫面上。</p> </blockquote>