diff --git a/_includes/head.html b/_includes/head.html
index ddb90c7..5fb426e 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -4,8 +4,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
   <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
-  <link href='https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,900,400italic' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/fonts.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
   <link rel="icon" type="image/vnd.microsoft.icon" href="https://speice.io/favicon.ico">
diff --git a/_sass/helpers/_mixins.scss b/_sass/helpers/_mixins.scss
index d8802c7..75bba16 100644
--- a/_sass/helpers/_mixins.scss
+++ b/_sass/helpers/_mixins.scss
@@ -16,12 +16,12 @@
 
 // Font families
 @mixin ff--sans-serif($font-weight: normal) {
-    font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
+    font-family: 'Lato', sans-serif;
     font-weight: $font-weight;
 }
 
 @mixin ff--code {
-    font-family: 'Roboto Mono', monospace;
+    font-family: 'Hasklig', monospace;
 }
 
 // Font sizing
diff --git a/assets/webfonts/hasklig-regular-webfont.woff b/assets/webfonts/hasklig-regular-webfont.woff
new file mode 100644
index 0000000..d52fc4c
Binary files /dev/null and b/assets/webfonts/hasklig-regular-webfont.woff differ
diff --git a/assets/webfonts/hasklig-regular-webfont.woff2 b/assets/webfonts/hasklig-regular-webfont.woff2
new file mode 100644
index 0000000..66f21f2
Binary files /dev/null and b/assets/webfonts/hasklig-regular-webfont.woff2 differ
diff --git a/assets/webfonts/lato-regular-webfont.woff b/assets/webfonts/lato-regular-webfont.woff
new file mode 100644
index 0000000..4fe6d31
Binary files /dev/null and b/assets/webfonts/lato-regular-webfont.woff differ
diff --git a/assets/webfonts/lato-regular-webfont.woff2 b/assets/webfonts/lato-regular-webfont.woff2
new file mode 100644
index 0000000..f7c4d26
Binary files /dev/null and b/assets/webfonts/lato-regular-webfont.woff2 differ
diff --git a/css/fonts.css b/css/fonts.css
new file mode 100644
index 0000000..72d6330
--- /dev/null
+++ b/css/fonts.css
@@ -0,0 +1,17 @@
+@font-face {
+    font-family: 'Hasklig';
+    src: url('/assets/webfonts/hasklig-regular-webfont.woff2') format('woff2'),
+         url('hasklig-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'Lato';
+    src: url('/assets/webfonts/lato-regular-webfont.woff2') format('woff2'),
+         url('/assets/webfonts/lato-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
\ No newline at end of file