title: Change font-weight of FontAwesome icons?
body: <p>I'd like to make one of the FontAwesome icons a bit less heavy - it's much heavier than the font I am using. This how it looks presently:</p>
  
  <p><img src="https://i.stack.imgur.com/kzpdX.png" alt="heavy remove icon, next to lightweight font">: </p>
  
  <p>Ugly, right? So I've tried resetting the font-weight as follows: </p>
  
  <pre><code>.tag .icon-remove  { 
    font-weight: 100;
  }
  </code></pre>
  
  <p>The attribute appears to be set correctly in the CSS, but it has no effect - the icon looks just as heavy as before. I've also tried <code>font-weight: lighter</code> and <code>-webkit-text-stroke-width: 1px</code> with no effect. </p>
  
  <p>Is there any way I can make the icon less heavy? The docs say "<a href="http://fortawesome.github.io/Font-Awesome/examples/" rel="noreferrer">Anything you can do with CSS font styles, you can do with Font Awesome</a>" but I can't figure out how to do this. </p>