feat: async load fonts

SteveVanOpstal · Jan 11, 2017 · da0a624 · da0a624
1 parent fb80ed4
commit da0a624
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -109,6 +109,7 @@
     "@types/d3-shape": "1.0.6",
     "@types/node": "6.0.52",
     "angular2-jwt": "0.1.27",
+    "@types/webfontloader": "1.6.27",
     "async": "2.1.4",
     "auth0-js": "8.0.0",
     "chalk": "1.1.3",
@@ -122,6 +123,7 @@
     "lru-cache": "4.0.2",
     "rxjs": "5.0.0-rc.4",
     "typescript": "2.1.4",
+    "webfontloader": "^1.6.27",
     "zone.js": "0.7.2"
   },
   "devDependencies": {

diff --git a/src/client/base.css b/src/client/base.css
@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css?family=Roboto:400&text=LegndBuildr');
-
 body {
   background-color: #e5e5e5;
   font-family: 'Segoe UI', Arial, serif;

diff --git a/src/client/boot.ts b/src/client/boot.ts
@@ -18,8 +18,12 @@
 
 import {enableProdMode} from '@angular/core';
 import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
+import {load} from 'webfontloader';
+
 import {AppModule} from './app.module';
 
+load({google: {families: ['Roboto:400'], text: 'LegndBuildr'}});
+
 if (ENV === 'production') {
   enableProdMode();
 }