title: Changing bulleted item in CSS to fa fa-heart with \f004
body: <p>I am editing the CSS on my site, and want to make the bullets that appear next to my "likes" appear as a Font Awesome Heart (<a href="https://fontawesome.com/icons/heart?style=regular" rel="nofollow noreferrer">link</a>)</p>
  
  <p>I use the following code in my CSS:</p>
  
  <pre><code>span.dots ::before { 
  font-family: 'FontAwesome';
  content: '\f004';
      font-size: 15px;
  color: #f00;
  }
  </code></pre>
  
  <p>The class of the <code>&lt;span&gt;</code> is dots, so thats what I am targeting.</p>
  
  <p>The heart appears fine, but it's a full heart, not a bordered hear with a hollowed out center. To get the style I want usually you have to switch the class to "fas fa-heart" but let's assume all I can do is edit the CSS.</p>
  
  <p>Any ideas?</p>