JSFiddle - React, Tailwind, and code Playground

by Sarai Merino

HTML

<div id="todo">
    
<p id="uno">Combrobando el grosor de la fuente (lighter)<p>    
    
<p id="dos">Combrobando el grosor de la fuente (normal)<p>   
    
<p id="tres">Combrobando el grosor de la fuente (bold)<p> 
    
<p id="cuatro">Combrobando el grosor de la fuente (bolder)<p>   
   
<p id="cinco">Comprobando el grosor de la fuente (bolder)</p>
    
<p id="seis">Comprobando el grosor de la fuente (bolder)</p>
    
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700,900);

#todo {   
    font-family: "Titillium Web";
    font-size: 22px;
}


#uno {
    font-weight: 200;
}

#dos {
    font-weight: 300;
}

#tres {
    font-weight: 400;
}

#cuatro {
    font-weight: 600;
}

#cinco {
    font-weight: 700;
}

#seis {
    font-weight: 900;
}