Want to make font-awesome icons thinner

Question

I was working with font awesome icons but the problem is they have default font weight . i want it a little bit thinner. but its not working

my html code

    <span class="fa-stack fa-lg fa-5x color-red">
    <i class="fa fa-circle-thin fa-stack-2x"></i>
    <i class="fa fa-trophy"></i>
    </span>

my css code

    .fa-trophy{
      font-weight:lighter;
     }

Answer 1

You can fix it in webkit with:

-webkit-text-stroke: 1px background-color;