title: Toastr and FontAwesome 5 not displaying the right icon in a success message
body: <p>I'm using toastr and when I display a success message, by default there was a font-awesome "check" icon there, but after I upgraded to FA-5, the icon is gone now. </p>
  
  <p>I inspected element and saw these rules for the toastr container:</p>
  
  <pre><code>#toast-container &gt; .toast::before {
      position: fixed;
      font-family: FontAwesome;
      font-size: 24px;
      line-height: 24px;
      float: left;
      color: #FFF;
      padding-right: 0.5em;
      margin: auto 0.5em auto -1.5em;
  }
  </code></pre>
  
  <p>The CSS for the check icon - taken <a href="https://fontawesome.com/icons/check?style=solid" rel="nofollow noreferrer">from here</a></p>
  
  <pre><code>#toast-container &gt; .toast-success::before {
      content: "\f00c";
  }
  </code></pre>
  
  <p>The icon won't render. Is this a known compatibility issue or am I doing something wrong?</p>
  
  <p>Update: The questions that were suggested after marking this one as duplicate: I tried:</p>
  
  <pre><code>#toast-container &gt; .toast::before {
      position: fixed;
      font-family: Font Awesome 5 Free;    //Changing this did not work!
      font-size: 24px;
      line-height: 24px;
      float: left;
      color: #FFF;
      padding-right: 0.5em;
      margin: auto 0.5em auto -1.5em;
  }
  </code></pre>