點燈坊

失くすものさえない今が強くなるチャンスよ

使用 text- 設定 Font Size

Sam Xiao's Avatar 2021-02-10

若要設定 Font Size,可使用 Tailwind CSS 的 text- 系列 Utility。

Version

Tailwind CSS 2.0.3

Font Size

size000

Tailwind Rocks 比正常字體大小還大。

<template>
  <div class="text-2xl">Tailwind Rocks</div>
</template>
  • text-2xl:設定 font size,尚有 text-{size} 可用,如 xssmlgxl 直到 6xl 可用

Conclusion

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

Reference

Tailwind CSS, Font Size