diff --git a/src/assets/fonts/prozalibre-bold-webfont.woff b/src/assets/fonts/prozalibre-bold-webfont.woff
new file mode 100755
index 00000000..da2c9ae1
Binary files /dev/null and b/src/assets/fonts/prozalibre-bold-webfont.woff differ
diff --git a/src/assets/fonts/prozalibre-bold-webfont.woff2 b/src/assets/fonts/prozalibre-bold-webfont.woff2
new file mode 100755
index 00000000..2e614414
Binary files /dev/null and b/src/assets/fonts/prozalibre-bold-webfont.woff2 differ
diff --git a/src/assets/fonts/prozalibre-medium-webfont.woff b/src/assets/fonts/prozalibre-medium-webfont.woff
new file mode 100755
index 00000000..cb676292
Binary files /dev/null and b/src/assets/fonts/prozalibre-medium-webfont.woff differ
diff --git a/src/assets/fonts/prozalibre-medium-webfont.woff2 b/src/assets/fonts/prozalibre-medium-webfont.woff2
new file mode 100755
index 00000000..211dc620
Binary files /dev/null and b/src/assets/fonts/prozalibre-medium-webfont.woff2 differ
diff --git a/src/assets/fonts/prozalibre-regular-webfont.woff b/src/assets/fonts/prozalibre-regular-webfont.woff
new file mode 100755
index 00000000..f1649523
Binary files /dev/null and b/src/assets/fonts/prozalibre-regular-webfont.woff differ
diff --git a/src/assets/fonts/prozalibre-regular-webfont.woff2 b/src/assets/fonts/prozalibre-regular-webfont.woff2
new file mode 100755
index 00000000..e3201834
Binary files /dev/null and b/src/assets/fonts/prozalibre-regular-webfont.woff2 differ
diff --git a/src/assets/fonts/prozalibre-semibold-webfont.woff b/src/assets/fonts/prozalibre-semibold-webfont.woff
new file mode 100755
index 00000000..fec9d320
Binary files /dev/null and b/src/assets/fonts/prozalibre-semibold-webfont.woff differ
diff --git a/src/assets/fonts/prozalibre-semibold-webfont.woff2 b/src/assets/fonts/prozalibre-semibold-webfont.woff2
new file mode 100755
index 00000000..f03c852f
Binary files /dev/null and b/src/assets/fonts/prozalibre-semibold-webfont.woff2 differ
diff --git a/src/assets/fonts/pt_sans_bold-webfont.woff b/src/assets/fonts/pt_sans_bold-webfont.woff
new file mode 100755
index 00000000..87dcdb8f
Binary files /dev/null and b/src/assets/fonts/pt_sans_bold-webfont.woff differ
diff --git a/src/assets/fonts/pt_sans_bold-webfont.woff2 b/src/assets/fonts/pt_sans_bold-webfont.woff2
new file mode 100755
index 00000000..afb2d612
Binary files /dev/null and b/src/assets/fonts/pt_sans_bold-webfont.woff2 differ
diff --git a/src/assets/fonts/pt_sans_regular-webfont.woff b/src/assets/fonts/pt_sans_regular-webfont.woff
new file mode 100755
index 00000000..10a1458f
Binary files /dev/null and b/src/assets/fonts/pt_sans_regular-webfont.woff differ
diff --git a/src/assets/fonts/pt_sans_regular-webfont.woff2 b/src/assets/fonts/pt_sans_regular-webfont.woff2
new file mode 100755
index 00000000..16d093b0
Binary files /dev/null and b/src/assets/fonts/pt_sans_regular-webfont.woff2 differ
diff --git a/src/assets/scss/_global_layout.scss b/src/assets/scss/_global_layout.scss
index b14f4ffb..c813a300 100644
--- a/src/assets/scss/_global_layout.scss
+++ b/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 {
diff --git a/src/assets/scss/atoms/_fonts.scss b/src/assets/scss/atoms/_fonts.scss
index ab7ee9c8..97782588 100644
--- a/src/assets/scss/atoms/_fonts.scss
+++ b/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";
 }
diff --git a/src/assets/scss/variables.scss b/src/assets/scss/variables.scss
index e774d329..7a3aaa67 100644
--- a/src/assets/scss/variables.scss
+++ b/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";
\ No newline at end of file