見出し画像

【Nuxt3】tailwindを使ってクラスだけで文字サイズを変更する

tailwindをインストールしていれば、クラス名だけで文字サイズを変更することができますが、その書き方を小さい順にまとめておきます。

<p class="text-3xl">Nuxtラボ</p>

text-xs

通常は12px

text-sm

通常は14px

text-base

通常は16px

text-lg

通常は18px

text-xl

通常は20px

text-2xl

通常は24px

text-3xl

通常は30px


この記事が気に入ったらサポートをしてみませんか?