JSFiddle - React, Tailwind, and code Playground

by Sarai Merino

HTML

<div id="todo">
        
<p id="uno">Combrobando el grosor de la fuente (100)<p> 
    
<p id="dos">Combrobando el grosor de la fuente (200)<p>  
    
<p id="tres">Combrobando el grosor de la fuente (300)<p>
    
<p id="cuatro">Combrobando el grosor de la fuente (400)<p>
    
<p id="cinco">Combrobando el grosor de la fuente (500)<p>
    
<p id="seis">Combrobando el grosor de la fuente (600)<p>
    
<p id="siete">Combrobando el grosor de la fuente (700)<p>
    
<p id="ocho">Combrobando el grosor de la fuente (800)<p>
    
<p id="nueve">Combrobando el grosor de la fuente (900)<p>
    
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,200,300,600,700,900); /*esto es para importar la fuente*/

#todo {   
    font-family: "Titillium Web";
    font-size: 22px; /*Lo he puesto en 22 para que se vea mejor*/
}

#uno {
    font-weight: 100;
}

#dos {
    font-weight: 200;
}

#tres {
    font-weight: 300;
}

#cuatro {
    font-weight: 400;
}

#cinco {
    font-weight: 500;
}

#seis {
    font-weight: 600;
}

#siete {
    font-weight: 700;
}

#ocho {
    font-weight: 800;
}

#nueve {
    font-weight: 900;
}