JSFiddle - React, Tailwind, and code Playground

HTML

<p>Grumpy wizards make toxic brew for the evil Queen and Jack.</p>
<p>Grumpy wizards make toxic brew for the evil Queen and Jack.</p>
<p>Grumpy wizards make toxic brew for the evil Queen and Jack.</p>
<p>Grumpy wizards make toxic brew for the evil Queen and Jack.</p>
<p>Grumpy wizards make toxic brew for the evil Queen and Jack.</p>
<p>Grumpy wizards make toxic brew for the evil Queen and Jack.</p>
<p>Grumpy wizards make toxic brew for the evil Queen and Jack.</p>

SCSS

@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400, 500, 100, 300, 700, 900);
 p {
    font-family:'Alegreya Sans SC', sans-serif;
    &:nth-child(1) {
        font-weight:1000;
    }
    &:nth-child(2) {
        font-weight:300;
    }
    &:nth-child(3) {
        font-weight:400;
    }
    &:nth-child(4) {
        font-weight:400;
    }
    &:nth-child(5) {
        font-weight:500;
    }
    &:nth-child(6) {
        font-weight:700;
    }
    &:nth-child(7) {
        font-weight:900;
    }
}