diff --git a/ng-seed/src/assets/styles/scss/core/_scaffolding.scss b/ng-seed/src/assets/styles/scss/core/_scaffolding.scss
index 82dfd5d..905b59b 100644
--- a/ng-seed/src/assets/styles/scss/core/_scaffolding.scss
+++ b/ng-seed/src/assets/styles/scss/core/_scaffolding.scss
@@ -1,13 +1,15 @@
 /*---------------
 1.1 Scaffolding
 ---------------*/
-$mat-font-family: Didact Gothic, sans serif;
+@import url('https://fonts.googleapis.com/css?family=Didact Gothic&display=swap');
+$mat-font-family: 'Didact Gothic', sans serif;
 
 html {
   font-size: 16px;
 }
 *{
   font-family: $mat-font-family;
+  font-weight:400 !important;
 }
 
 html, body {
@@ -30,7 +32,7 @@ html, body {
 body {
   margin: 0;
   padding: 0;
-  font-weight: $font-weight-base;
+
   font-size: $font-size-base;
   color: rgba(mat-color($foreground, base), 0.87);
   line-height: 1.5;
diff --git a/ng-seed/src/index.html b/ng-seed/src/index.html
index 8ed61d6..c6c2d59 100644
--- a/ng-seed/src/index.html
+++ b/ng-seed/src/index.html
@@ -115,9 +115,11 @@
         }
     </style>
     <link rel="icon" type="image/x-icon" href="favicon.ico">
+    
     <link rel="stylesheet" href="assets/wheather-icon/css/weather-icons.min.css" />
     <!--  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">-->
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
+    <!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet"> -->
+    <link href="https://fonts.googleapis.com/css?family=Didact Gothic&display=swap" rel="stylesheet"> 
     <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
 </head>