JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<div id="todo">

<h1 id="p1">Yo soy un párrafo</h1>

<h1 id="p2">Yo soy un párrafo</h1>

<h1 id="p3">Yo soy un párrafo</h1>

<h1 id="p4">Yo soy un párrafo</h1>

<h1 id="p5">Yo soy un párrafo</h1>

</div>

CSS

#todo {
    font-family: Open Sans;
}

#p {
   font-weight: 100; 
}

#p2 {
    font-weight: 500; 
}

#p3 {
    font-weight: lighter; 
}

#p4 {
    font-weight: bold; 
}

#p5 {
    font-weight: bolder; 
}