CSS font-weight

font-weight :

normal :

See the Pen <a href='http://codepen.io/w3tr/pen/zKYPkz/'>CSS font-weight1</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

bold :

See the Pen <a href='http://codepen.io/w3tr/pen/xExPqP/'>CSS font-weight2</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

bolder :

See the Pen <a href='http://codepen.io/w3tr/pen/PGoOpg/'>CSS font-weight3</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

lighter :

See the Pen <a href='http://codepen.io/w3tr/pen/yaLPbJ/'>CSS font-weight4</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

100 :

See the Pen <a href='http://codepen.io/w3tr/pen/vXYWmV/'>CSS font-weight5</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

200 :

See the Pen <a href='http://codepen.io/w3tr/pen/VKwAWB/'>CSS font-weight6</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

300 :

See the Pen <a href='http://codepen.io/w3tr/pen/wzvPZV/'>CSS font-weight7</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

400 :

See the Pen <a href='http://codepen.io/w3tr/pen/yaLPoJ/'>CSS font-weight8</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

500 :

See the Pen <a href='http://codepen.io/w3tr/pen/qaBVXo/'>CSS font-weight9</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

600 :

See the Pen <a href='http://codepen.io/w3tr/pen/gwOXxy/'>CSS font-weight10</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

700 :

See the Pen <a href='http://codepen.io/w3tr/pen/rrNYGW/'>CSS font-weight11</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

800 :

See the Pen <a href='http://codepen.io/w3tr/pen/xExPXp/'>CSS font-weight12</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.

900 :

See the Pen <a href='http://codepen.io/w3tr/pen/dpykVj/'>CSS font-weight13</a> by W3TR (<a href='http://codepen.io/w3tr'>@w3tr</a>) on <a href='http://codepen.io'>CodePen</a>.