added fonts auto-hosting

src/assets/scss/modules/_fonts.scss

@@ -0,0 +1,48 @@
+@font-face {
+    font-family: 'Roboto';
+    src: url('assets/fonts/Regular/Roboto-Regular.woff2') format('woff2'),
+        url('assets/fonts/Regular/Roboto-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: url('assets/fonts/Medium/Roboto-Medium.woff2') format('woff2'),
+        url('assets/fonts/Medium/Roboto-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: url('assets/fonts/Black/Roboto-Black.woff2') format('woff2'),
+        url('assets/fonts/Black/Roboto-Black.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: url('assets/fonts/Thin/Roboto-Thin.woff2') format('woff2'),
+        url('assets/fonts/Thin/Roboto-Thin.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: url('assets/fonts/Light/Roboto-Light.woff2') format('woff2'),
+        url('assets/fonts/Light/Roboto-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: url('assets/fonts/Bold/Roboto-Bold.woff2') format('woff2'),
+        url('assets/fonts/Bold/Roboto-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+

src/index.html

@@ -8,7 +8,7 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="favicon.ico">
-    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+    <!-- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> -->
     <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> -->
 
     <style>

src/sass/styles.scss

@@ -4,6 +4,8 @@
 @import "~bootstrap/scss/bootstrap.scss";
 @import "~ng-pick-datetime/assets/style/picker.min.css";
 
+@import 'assets/scss/modules/_fonts.scss';
+
 *,
 *::after,
 *::before {