DE-PACK Component Library

Font Weight: Classes 

<h1>Font Weight Classes</h1>

<div class="font-thin">font-thin</div>
<div class="font-extralight">font-extralight</div>
<div class="font-light">font-light</div>
<div class="font-normal">font-normal</div>
<div class="font-medium">font-medium</div>
<div class="font-semibold">font-semibold</div>
<div class="font-bold">font-bold</div>
<div class="font-extrabold">font-extrabold</div>
<div class="font-black">font-black</div>
 
<h1>Font Weight Classes</h1>

<div class="font-thin">font-thin</div>
<div class="font-extralight">font-extralight</div>
<div class="font-light">font-light</div>
<div class="font-normal">font-normal</div>
<div class="font-medium">font-medium</div>
<div class="font-semibold">font-semibold</div>
<div class="font-bold">font-bold</div>
<div class="font-extrabold">font-extrabold</div>
<div class="font-black">font-black</div>
 
{
  "weights": [
    {
      "class": "font-thin",
      "value": "100"
    },
    {
      "class": "font-extralight",
      "value": "200"
    },
    {
      "class": "font-light",
      "value": "300"
    },
    {
      "class": "font-normal",
      "value": "400"
    },
    {
      "class": "font-medium",
      "value": "500"
    },
    {
      "class": "font-semibold",
      "value": "600"
    },
    {
      "class": "font-bold",
      "value": "700"
    },
    {
      "class": "font-extrabold",
      "value": "800"
    },
    {
      "class": "font-black",
      "value": "900"
    }
  ]
}

No notes defined.