Final fixes to the switch from Font Awesome to Fork Awesome

app/soapbox/components/home_column_header.js

@@ -143,7 +143,7 @@ class ColumnHeader extends React.PureComponent {
           </Link>
 
           <Link to='/timeline/local' className={classNames('btn grouped', { 'active': 'local' === activeItem })}>
-            <Icon id='site-icon' fixedWidth className='column-header__icon' />
+            <Icon id='users' fixedWidth className='column-header__icon' />
             {siteTitle}
           </Link>
 

app/soapbox/components/icon.js

@@ -12,7 +12,7 @@ export default class Icon extends React.PureComponent {
 
   render() {
     const { id, className, fixedWidth, ...other } = this.props;
-    // Use the font awesome retweet icon, but change its alt
+    // Use the Fork Awesome retweet icon, but change its alt
     // tag. There is a common adblocker rule which hides elements with
     // alt='retweet' unless the domain is twitter.com. This should
     // change what screenreaders call it as well.

app/styles/fonts.scss

@@ -159,8 +159,8 @@
   font-style: normal;
 }
 
-.fa-site-icon::before {
-  font-family: 'FontAwesome';
+.fa-users::before {
+  font-family: 'ForkAwesome';
   content: '\f0c0';
 }
 

app/styles/ui.scss

@@ -739,7 +739,7 @@
     display: block;
     position: absolute;
     content: '\f00c';
-    font: normal normal normal 14px/1 FontAwesome;
+    font: normal normal normal 14px/1 ForkAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;