title: How to make/render a font-awesome font "thin"?
body: <p><strong><a href="http://jsfiddle.net/KheKhe/804jeg82/51/" rel="nofollow noreferrer">SSCCE JSFiddle here.</a></strong></p>
  
  <p>I am using <a href="http://fortawesome.github.io/Font-Awesome/icon/angle-right/" rel="nofollow noreferrer">this</a> and <a href="http://fortawesome.github.io/Font-Awesome/icon/angle-left/" rel="nofollow noreferrer">this</a> font from font-awesome in my web page. But the less-than and greater-than signs appear really thick. I have given them a size of 90px, because that is how big I want them to be, but not that thick.</p>
  
  <p>The <code>font-weight</code> does not seem to work at all. </p>
  
  <p><em>Note:</em> The example contains several other CSS properties since they correspond to my real code.</p>
  
  <p><strong>So what can I do to get a very thin font here, like the second image below.</strong></p>
  
  <p><em>What I have:</em></p>
  
  <p><img src="https://i.stack.imgur.com/HxpWq.png" alt="enter image description here"></p>
  
  <p><em>What I want:</em></p>
  
  <p><img src="https://i.stack.imgur.com/dtDOy.png" alt="enter image description here"></p>