title: Font Awesome Icons not displaying anymore (2020)
body: <p>I checked my code for missing semicolons in the styles and missing brackets in the html but everything looks fine but the Font Awesome icons are not displaying.</p>
  
  <p>For example, there are supposed to be down carets at the end of every navigation item in the second navigation bar.</p>
  
  <p>When I inspected the page, the icons are still in the DOM but I do get this error in the console: Failed to load resource: the server responded with a status of 404 ().</p>
  
  <p>Can someone please help me figure out what is going on here? I don't think it's my code, I think it's something to do with Font Awesome but I could be wrong.</p>
  
  <p>EDIT: Upon further inspection, it seems that all of my font awesome icons have a 0 width value. Not sure why.</p>
  
  <p><a href="https://codepen.io/connorocampo/pen/ZEGYvJZ?editors=1000" rel="nofollow noreferrer">CodePen</a></p>
  
  <p>Here is my kit code:
  <code>&lt;script src="https://kit.fontawesome.com/2641fe0f3e.js" crossorigin="anonymous"&gt;&lt;/script&gt;</code></p>