Which icon or FontAwesome icon isn't loading?

@techielass, The icons in your page are defined in two different ways:

• In the footer by inserting <i class="fab fa-1x fa-facebook"></i>
  This definition comes from file 'all.min.css'
• In the navbar by using css:
  CSSCopy

  #header #navbar .has-children>a>span:after {
    font-family: FontAwesome;  /* FontAwesome 4.7 */
    content: '\f107';
    position: absolute;
    display: inline-block;
    right: 8px;
    top: 4px;
  }
  

  Only this one is broken.

On August 6, 2018, your have created a pull request on the repo of Antimatter to replace font-awesome 4.7 with 5.2. You replaced file css/font-awesome.min.css with css/all.min.css.

It is in css/font-awesome.min.css where the font-family FontAwesome is defined. The new font awesome 5.2 uses font-family: "Font Awesome 5 Free", but parts of Antimatter still refers to the old font-family

Could it be this caused the issue, but you didn't notice it before?

Two alternative fixes:

Fix 1:

• Replace the css in your /css-compiled/template.css:
  From:
  CSSCopy

  #header #navbar .has-children>a>span:after {
    font-family: FontAwesome;                /* FontAwesome 4.7 */
    content: '\f107';
    position: absolute;
    display: inline-block;
    right: 8px;
    top: 4px;
  }
  

  into:

  TXTCopy

  #header #navbar .has-children>a>span:after {
    font-family: "Font Awesome 5 Free";      /* FontAwesome 5+ */
    font-style: normal;                      /* required */
    font-weight: 900;                        /* required */
    content: '\f107';
    position: absolute;
    display: inline-block;
    right: 8px;
    top: 4px;
  

Fix 2:

• In file `/templates/partials/navigation.html.twig' replace line 9:
  HTMLCopy

  <span></span>
  

  with:

  TXTCopy

  <i class="fa fa-angle-down" aria-hidden="true"></i>