added web fonts

src/assets/scss/_global_layout.scss

@@ -1,8 +1,9 @@
 @charset "UTF-8";
 
-body {
-  background-color: #fff;
-  padding: 1rem;
+
+html { 
+  font-size: 62.5%; /* 10px */
+  font-size: calc(1em * 0.625); /* fix */
 }
 
 app-root {

src/assets/scss/atoms/_fonts.scss

@@ -4,8 +4,56 @@
 //  src: url("ProzaLibre-Regular.ttf") format("ttf"); // TODO find the correct path
 //}
 
+@font-face {
+  font-family: "pt_sans";
+  src: url("assets/fonts/pt_sans_regular-webfont.woff2") format("woff2"),
+    url("assets/fonts/pt_sans_regular-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "pt_sans";
+  src: url("assets/fonts/pt_sans_bold-webfont.woff2") format("woff2"),
+    url("assets/fonts/pt_sans_bold-webfont.woff") format("woff");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "proza_libre";
+  src: url("assets/fonts/prozalibre-regular-webfont.woff2") format("woff2"), 
+  url("assets/fonts/prozalibre-regular-webfont.woff") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "proza_libre";
+  src: url("assets/fonts/prozalibre-medium-webfont.woff2") format("woff2"), 
+  url("assets/fonts/prozalibre-medium-webfont.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "proza_libre";
+  src: url("assets/fonts/prozalibre-semibold-webfont.woff2") format("woff2"), 
+  url("assets/fonts/prozalibre-semibold-webfont.woff") format("woff");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "proza_libre";
+  src: url("assets/fonts/prozalibre-bold-webfont.woff2") format("woff2"), 
+  url("assets/fonts/prozalibre-bold-webfont.woff") format("woff");
+  font-weight: bold;
+  font-style: normal;
+}
+
 body {
-  font-family: "Proza-libre", "PT Sans", "DejaVu Sans Light", "Arial", "DejaVu Sans Mono";
+  font-family: $default_font, Arial, Helvetica, sans-serif;
   font-size: 1.4rem;
 }
 
@@ -15,5 +63,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: "Proza-libre", "Brie Light", "Arial", "DejaVu Sans Mono";
+  font-family: $title_font, "Brie Light", "Arial", "DejaVu Sans Mono";
 }

src/assets/scss/variables.scss

@@ -14,3 +14,7 @@ $primary_color: $sun-yellow;
 $font_color: $black;
 $logo_color: $dark-lavender;
 $logo_color_2: $camo;
+
+// FONT
+$default_font : "pt_sans";
+$title_font: "proza_libre";