title: CSS Content with a Font Awesome light icon
body: <p>I have the following CSS code</p>
  
  <pre><code>content: "\f061";
  color: #006697;
  font-family: FontAwesome;
  </code></pre>
  
  <p>to add a right arrow after an element, but I'd like the arrow to be light not bold. Font-weight property doesn't work and I can NOT add HTMT like "i class="fal fa-arrow-right" in the content attribute. </p>
  
  <p>Anyone knows how I can achieve this? Thanks </p>
  
  <p><strong>Edit</strong>:
  I found this method to reduce the weight of the stroke<br>
      -webkit-text-stroke: 2px #3EC5E6;
  But my issue is I m using a background with opacity and I have some issue with to match the colors because of the alpha</p>
  
  <p><strong>Edit2</strong>
  I switched to an RGB color instead of RGBA and the above solution works great now </p>