<h1>Font Size Classes</h1>
<div class="text-xs">text-xs</div>
<div class="text-sm">text-sm</div>
<div class="text-base">text-base</div>
<div class="text-lg">text-lg</div>
<div class="text-xl">text-xl</div>
<div class="text-2xl">text-2xl</div>
<div class="text-3xl">text-3xl</div>
<div class="text-4xl">text-4xl</div>
<div class="text-5xl">text-5xl</div>
<div class="text-6xl">text-6xl</div>
<div class="text-7xl">text-7xl</div>
<div class="text-8xl">text-8xl</div>
<div class="text-9xl">text-9xl</div>
<h1>Font Size Classes</h1>
<div class="text-xs">text-xs</div>
<div class="text-sm">text-sm</div>
<div class="text-base">text-base</div>
<div class="text-lg">text-lg</div>
<div class="text-xl">text-xl</div>
<div class="text-2xl">text-2xl</div>
<div class="text-3xl">text-3xl</div>
<div class="text-4xl">text-4xl</div>
<div class="text-5xl">text-5xl</div>
<div class="text-6xl">text-6xl</div>
<div class="text-7xl">text-7xl</div>
<div class="text-8xl">text-8xl</div>
<div class="text-9xl">text-9xl</div>
{
"sizes": [
{
"class": "text-xs",
"rem": "0.75rem",
"px": "12px"
},
{
"class": "text-sm",
"rem": "0.875rem",
"px": "14px"
},
{
"class": "text-base",
"rem": "1rem",
"px": "16px"
},
{
"class": "text-lg",
"rem": "1.125rem",
"px": "18px"
},
{
"class": "text-xl",
"rem": "1.25rem",
"px": "20px"
},
{
"class": "text-2xl",
"rem": "1.5rem",
"px": "24px"
},
{
"class": "text-3xl",
"rem": "1.875rem",
"px": "30px"
},
{
"class": "text-4xl",
"rem": "2.25rem",
"px": "36px"
},
{
"class": "text-5xl",
"rem": "3rem",
"px": "48px"
},
{
"class": "text-6xl",
"rem": "3.75rem",
"px": "60px"
},
{
"class": "text-7xl",
"rem": "4.5rem",
"px": "72px"
},
{
"class": "text-8xl",
"rem": "6rem",
"px": "96px"
},
{
"class": "text-9xl",
"rem": "8rem",
"px": "128px"
}
]
}
No notes defined.