title: Font awesome fill only a quarter of an icon
body: <p>I am creating a star review system and want to use font awesome to display the stars. However the difficulty im running into is my marketing team wants the stars to be able to display filled in 1/10th increments. Is there a way to achieve this?</p>
  
  <p>I have found something like this: <a href="https://codepen.io/fontawesome/pen/GyjamK" rel="nofollow noreferrer">CodePen</a></p>
  
  <p>However this is just overlaying the half star. Is there a way to: </p>
  
  <pre><code>-webkit-text-fill: 1px black;
  </code></pre>