feat(teams page): replace fa with individual fonts

used https://icomoon.io to generate a much smaller font pack

Author: fredrik-lundin

package.json

@@ -41,7 +41,6 @@
     "@angular/router": "5.0.2",
     "@types/hammerjs": "2.0.35",
     "core-js": "2.4.1",
-    "font-awesome": "4.7.0",
     "hammerjs": "2.0.8",
     "rxjs": "5.5.2",
     "ts-loader": "3.1.1",

src/app/team/social-sharing/social-sharing.component.html

@@ -1,9 +1,9 @@
 <a *ngIf="!!githubUrl" mat-button [href]="githubUrl">
-  <mat-icon class="icon-github" fontSet="fa" fontIcon="fa-github"></mat-icon>
+  <mat-icon class="icon-github"></mat-icon>
 </a>
 <a *ngIf="!!twitterUrl" mat-button [href]="twitterUrl">
-  <mat-icon class="icon-twitter" fontSet="fa" fontIcon="fa-twitter"></mat-icon>
+  <mat-icon class="icon-twitter"></mat-icon>
 </a>
 <a *ngIf="!!linkedinUrl" mat-button [href]="linkedinUrl">
-  <mat-icon class="icon-linkedin" fontSet="fa" fontIcon="fa-linkedin"></mat-icon>
+  <mat-icon class="icon-linkedin"></mat-icon>
 </a>

src/app/team/team.module.ts

@@ -5,7 +5,6 @@ import {
   MatCardModule,
   MatButtonModule,
   MatIconModule,
-  MatIconRegistry
 } from '@angular/material';
 
 import { TeamRoutingModule } from './team-routing.module';
@@ -22,11 +21,7 @@ import { SocialSharingComponent } from './social-sharing/social-sharing.componen
     MatButtonModule,
     MatIconModule
   ],
-  providers: [TeamService, MatIconRegistry],
+  providers: [TeamService],
   declarations: [TeamComponent, MemberComponent, SocialSharingComponent]
 })
-export class TeamModule {
-  constructor(private matIconRegistry: MatIconRegistry) {
-    matIconRegistry.registerFontClassAlias('fontawesome', 'fa');
-  }
- }
+export class TeamModule {}

src/assets/fonts/icomoon.woff

@@ -1,8 +1,7 @@
 @import '~@angular/material/theming';
-$fa-font-path: "~font-awesome/fonts";
-@import "~font-awesome/scss/font-awesome";
 @import './app/operators/operator-theme';
 @import './styles/code-helpers';
+@import './styles/fonts';
 
 @include mat-core();
 // Define the theme.

src/styles.scss

@@ -0,0 +1,31 @@
+@font-face {
+  font-family: 'icomoon';
+  src:  url('assets/fonts/icomoon.woff?6yfful') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'icomoon' !important;
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-linkedin:before {
+  content: "\f08c";
+}
+.icon-twitter:before {
+  content: "\f099";
+}
+.icon-github:before {
+  content: "\f09b";
+}