diff --git a/index.html b/index.html
index fb039cc..2c0bb6d 100644
--- a/index.html
+++ b/index.html
@@ -176,6 +176,4 @@ $(document).ready(function(){
 });
 </script>
 
-<script src="https://edgefonts.tuna.tsinghua.edu.cn/lato.js"></script> 
-
 </html>
diff --git a/static/css/_Lato.scss b/static/css/_Lato.scss
new file mode 100644
index 0000000..7804bd0
--- /dev/null
+++ b/static/css/_Lato.scss
@@ -0,0 +1,33 @@
+/* Webfont: Lato-Bold */@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
+    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
+         url('../fonts/Lato-Bold.ttf') format('truetype'); 
+    font-style: normal;
+    font-weight: bold;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-Italic */@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
+    src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
+         url('../fonts/Lato-Italic.ttf') format('truetype'); 
+    font-style: italic;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-Regular */@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
+    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+         url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
+         url('../fonts/Lato-Regular.ttf') format('truetype'); 
+    font-style: normal;
+    font-weight: normal;
+    text-rendering: optimizeLegibility;
+}
+
diff --git a/static/css/style.css b/static/css/style.css
index ede7d9e..00fcd15 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -8,6 +8,33 @@ Version: 1.0
 URL: http://alvarez.is
 
 ################################################################# */
+/* Webfont: Lato-Bold */
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Bold.eot");
+  /* IE9 Compat Modes */
+  src: url("../fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype");
+  font-style: normal;
+  font-weight: bold;
+  text-rendering: optimizeLegibility; }
+/* Webfont: Lato-Italic */
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Italic.eot");
+  /* IE9 Compat Modes */
+  src: url("../fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Italic.woff") format("woff"), url("../fonts/Lato-Italic.ttf") format("truetype");
+  font-style: italic;
+  font-weight: normal;
+  text-rendering: optimizeLegibility; }
+/* Webfont: Lato-Regular */
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Regular.eot");
+  /* IE9 Compat Modes */
+  src: url("../fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype");
+  font-style: normal;
+  font-weight: normal;
+  text-rendering: optimizeLegibility; }
 /*	################################################################
 1. GENERAL STRUCTURES
 ################################################################# */
diff --git a/static/css/style.scss b/static/css/style.scss
index 4d8d768..0b73195 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -22,6 +22,8 @@ $color_footer_heading: #ffffff;
 $color_footer_content: #bfc9d3;
 $color_navbar_bg: #d3d3d3;
 
+@import "Lato";
+
 /*	################################################################
 1. GENERAL STRUCTURES
 ################################################################# */
diff --git a/static/fonts/Lato-Bold.eot b/static/fonts/Lato-Bold.eot
new file mode 100644
index 0000000..49bc301
Binary files /dev/null and b/static/fonts/Lato-Bold.eot differ
diff --git a/static/fonts/Lato-Bold.ttf b/static/fonts/Lato-Bold.ttf
new file mode 100644
index 0000000..7ca4542
Binary files /dev/null and b/static/fonts/Lato-Bold.ttf differ
diff --git a/static/fonts/Lato-Bold.woff b/static/fonts/Lato-Bold.woff
new file mode 100644
index 0000000..f6d8ebf
Binary files /dev/null and b/static/fonts/Lato-Bold.woff differ
diff --git a/static/fonts/Lato-Italic.eot b/static/fonts/Lato-Italic.eot
new file mode 100644
index 0000000..41558ec
Binary files /dev/null and b/static/fonts/Lato-Italic.eot differ
diff --git a/static/fonts/Lato-Italic.ttf b/static/fonts/Lato-Italic.ttf
new file mode 100644
index 0000000..3e3af67
Binary files /dev/null and b/static/fonts/Lato-Italic.ttf differ
diff --git a/static/fonts/Lato-Italic.woff b/static/fonts/Lato-Italic.woff
new file mode 100644
index 0000000..33d6186
Binary files /dev/null and b/static/fonts/Lato-Italic.woff differ
diff --git a/static/fonts/Lato-Regular.eot b/static/fonts/Lato-Regular.eot
new file mode 100644
index 0000000..f36f480
Binary files /dev/null and b/static/fonts/Lato-Regular.eot differ
diff --git a/static/fonts/Lato-Regular.ttf b/static/fonts/Lato-Regular.ttf
new file mode 100644
index 0000000..db3c3a5
Binary files /dev/null and b/static/fonts/Lato-Regular.ttf differ
diff --git a/static/fonts/Lato-Regular.woff b/static/fonts/Lato-Regular.woff
new file mode 100644
index 0000000..52074ee
Binary files /dev/null and b/static/fonts/Lato-Regular.woff differ