使用 font- 設定 Font Weight | 點燈坊

若要設定 Font Weight，可使用 Tailwind CSS 的 font- 系列 Utility。

Version

Tailwind CSS 2.0.3

Font Weight

Tailwind Rocks 比正常字體還粗。

<template>
  <div class="font-bold">Tailwind Rocks</div>
</template>

• font-bold：設定字型粗細，尚有 text-{weight} 可用，如 hairline、thing、light、normal、medium、bold、extrabold 與 black 可用。

Conclusion

• font- 系列 utility 讓我們可以直接設定 font weight，而不用另外撰寫 CSS

Reference

Tailwind CSS, Font Weight