diff --git a/content/fonts/Inter-UI-Black.woff b/content/fonts/Inter-UI-Black.woff
new file mode 100644
index 0000000000000000000000000000000000000000..a47ecec0cef7464a0169937e90e7b2633d3ce3c0
Binary files /dev/null and b/content/fonts/Inter-UI-Black.woff differ
diff --git a/content/fonts/Inter-UI-Black.woff2 b/content/fonts/Inter-UI-Black.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..16fae35fe0977fd867770124d0882147204eaa61
Binary files /dev/null and b/content/fonts/Inter-UI-Black.woff2 differ
diff --git a/content/fonts/Inter-UI-BlackItalic.woff b/content/fonts/Inter-UI-BlackItalic.woff
new file mode 100644
index 0000000000000000000000000000000000000000..6a41f2d63cb5f78a8c55f95bb1cca67e12ed4db3
Binary files /dev/null and b/content/fonts/Inter-UI-BlackItalic.woff differ
diff --git a/content/fonts/Inter-UI-BlackItalic.woff2 b/content/fonts/Inter-UI-BlackItalic.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..a6cbeebee5e4f1a96178f7fbeac49798d69f9c7f
Binary files /dev/null and b/content/fonts/Inter-UI-BlackItalic.woff2 differ
diff --git a/content/fonts/Inter-UI-Bold.woff b/content/fonts/Inter-UI-Bold.woff
new file mode 100644
index 0000000000000000000000000000000000000000..510a43ca574904695ea61d4e96e302de2b82f307
Binary files /dev/null and b/content/fonts/Inter-UI-Bold.woff differ
diff --git a/content/fonts/Inter-UI-Bold.woff2 b/content/fonts/Inter-UI-Bold.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..eccf3e3f1f572cc9898595b990beb407172c6273
Binary files /dev/null and b/content/fonts/Inter-UI-Bold.woff2 differ
diff --git a/content/fonts/Inter-UI-BoldItalic.woff b/content/fonts/Inter-UI-BoldItalic.woff
new file mode 100644
index 0000000000000000000000000000000000000000..8fdaa832462789fcbe92f3caea6c04d686e49c0d
Binary files /dev/null and b/content/fonts/Inter-UI-BoldItalic.woff differ
diff --git a/content/fonts/Inter-UI-BoldItalic.woff2 b/content/fonts/Inter-UI-BoldItalic.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..afa60cd0d4f1fc847d2c332e37b6e37eb127d76a
Binary files /dev/null and b/content/fonts/Inter-UI-BoldItalic.woff2 differ
diff --git a/content/fonts/Inter-UI-Italic.woff b/content/fonts/Inter-UI-Italic.woff
new file mode 100644
index 0000000000000000000000000000000000000000..1ae1333dc4249b1f5556c357231c6591cc57b7cc
Binary files /dev/null and b/content/fonts/Inter-UI-Italic.woff differ
diff --git a/content/fonts/Inter-UI-Italic.woff2 b/content/fonts/Inter-UI-Italic.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..577336a3fd1e6ad4bc2aa634e65ed87747352909
Binary files /dev/null and b/content/fonts/Inter-UI-Italic.woff2 differ
diff --git a/content/fonts/Inter-UI-Medium.woff b/content/fonts/Inter-UI-Medium.woff
new file mode 100644
index 0000000000000000000000000000000000000000..1342828344689cf6a6fbd59abf107649068c2c27
Binary files /dev/null and b/content/fonts/Inter-UI-Medium.woff differ
diff --git a/content/fonts/Inter-UI-Medium.woff2 b/content/fonts/Inter-UI-Medium.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..cadd106ee7818fa6376246a71836f1fbf2039f48
Binary files /dev/null and b/content/fonts/Inter-UI-Medium.woff2 differ
diff --git a/content/fonts/Inter-UI-MediumItalic.woff b/content/fonts/Inter-UI-MediumItalic.woff
new file mode 100644
index 0000000000000000000000000000000000000000..b5da065f56f600bd1e14d913d7fcd846665537e5
Binary files /dev/null and b/content/fonts/Inter-UI-MediumItalic.woff differ
diff --git a/content/fonts/Inter-UI-MediumItalic.woff2 b/content/fonts/Inter-UI-MediumItalic.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..e9807c0b811d35b3f9110b884bf0ccf7a532dccd
Binary files /dev/null and b/content/fonts/Inter-UI-MediumItalic.woff2 differ
diff --git a/content/fonts/Inter-UI-Regular.woff b/content/fonts/Inter-UI-Regular.woff
new file mode 100644
index 0000000000000000000000000000000000000000..b2c2184c05d9f32221ca9bbfd2e93b65d6fbadb8
Binary files /dev/null and b/content/fonts/Inter-UI-Regular.woff differ
diff --git a/content/fonts/Inter-UI-Regular.woff2 b/content/fonts/Inter-UI-Regular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..3fa36be42d4efbfb4bd4fcb2268e8c1b2462373a
Binary files /dev/null and b/content/fonts/Inter-UI-Regular.woff2 differ
diff --git a/scss/app.scss b/scss/app.scss
index 84c68fe19903fa04c25797a6dceb3675c70a2b13..a62f44ccc3f55fbcb8afc8cbcf10245cd21ccbdd 100644
--- a/scss/app.scss
+++ b/scss/app.scss
@@ -1,7 +1,7 @@
-@import url("https://rsms.me/inter/inter-ui.css");
-
 @import "settings";
 
+$fa-font-path: "/fonts";
+$inter-font-path: "/fonts";
 $global-flexbox: true;
 
 // Foundation
@@ -45,7 +45,6 @@ $global-flexbox: true;
 
 @include foundation-xy-grid-classes;
 
-$fa-font-path: "/fonts";
 @import "font-awesome";
 
 @import "colors";
@@ -58,6 +57,7 @@ $fa-font-path: "/fonts";
 @import "layout/masonry";
 @import "typography/code";
 @import "typography/headers";
+@import "typography/inter-ui";
 
 html {
   height: 100%;
diff --git a/scss/typography/_inter-ui.scss b/scss/typography/_inter-ui.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e41867bb57fa5078199cb8b811741f3cecc3dc87
--- /dev/null
+++ b/scss/typography/_inter-ui.scss
@@ -0,0 +1,77 @@
+$inter-font-version: "2.2";
+
+@font-face {
+  font-family: "Inter UI";
+  font-style: normal;
+  font-weight: 400;
+  src: url("#{$inter-font-path}/Inter-UI-Regular.woff2?v=#{$inter-font-version}")
+      format("woff2"),
+    url("#{$inter-font-path}/Inter-UI-Regular.woff?v=#{$inter-font-version}")
+      format("woff");
+}
+@font-face {
+  font-family: "Inter UI";
+  font-style: italic;
+  font-weight: 400;
+  src: url("#{$inter-font-path}/Inter-UI-Italic.woff2?v=#{$inter-font-version}")
+      format("woff2"),
+    url("#{$inter-font-path}/Inter-UI-Italic.woff?v=#{$inter-font-version}")
+      format("woff");
+}
+
+@font-face {
+  font-family: "Inter UI";
+  font-style: normal;
+  font-weight: 500;
+  src: url("#{$inter-font-path}/Inter-UI-Medium.woff2?v=#{$inter-font-version}")
+      format("woff2"),
+    url("#{$inter-font-path}/Inter-UI-Medium.woff?v=#{$inter-font-version}")
+      format("woff");
+}
+@font-face {
+  font-family: "Inter UI";
+  font-style: italic;
+  font-weight: 500;
+  src: url("#{$inter-font-path}/Inter-UI-MediumItalic.woff2?v=#{$inter-font-version}")
+      format("woff2"),
+    url("#{$inter-font-path}/Inter-UI-MediumItalic.woff?v=#{$inter-font-version}")
+      format("woff");
+}
+
+@font-face {
+  font-family: "Inter UI";
+  font-style: normal;
+  font-weight: 700;
+  src: url("#{$inter-font-path}/Inter-UI-Bold.woff2?v=#{$inter-font-version}")
+      format("woff2"),
+    url("#{$inter-font-path}/Inter-UI-Bold.woff?v=#{$inter-font-version}")
+      format("woff");
+}
+@font-face {
+  font-family: "Inter UI";
+  font-style: italic;
+  font-weight: 700;
+  src: url("#{$inter-font-path}/Inter-UI-BoldItalic.woff2?v=#{$inter-font-version}")
+      format("woff2"),
+    url("#{$inter-font-path}/Inter-UI-BoldItalic.woff?v=#{$inter-font-version}")
+      format("woff");
+}
+
+@font-face {
+  font-family: "Inter UI";
+  font-style: normal;
+  font-weight: 900;
+  src: url("#{$inter-font-path}/Inter-UI-Black.woff2?v=#{$inter-font-version}")
+      format("woff2"),
+    url("#{$inter-font-path}/Inter-UI-Black.woff?v=#{$inter-font-version}")
+      format("woff");
+}
+@font-face {
+  font-family: "Inter UI";
+  font-style: italic;
+  font-weight: 900;
+  src: url("#{$inter-font-path}/Inter-UI-BlackItalic.woff2?v=#{$inter-font-version}")
+      format("woff2"),
+    url("#{$inter-font-path}/Inter-UI-BlackItalic.woff?v=#{$inter-font-version}")
+      format("woff");
+}
diff --git a/src/site.hs b/src/site.hs
index c59ca372b1154b38404c6a4f04e6d59adeced028..53c69a68b0df361b0e1241d9e3cfa7e3aecb39fb 100644
--- a/src/site.hs
+++ b/src/site.hs
@@ -78,7 +78,11 @@ main = hakyllServeWith serveConf $ do
         writerOptions
 
   mapM_ matchAndCopyDirectory
-    ["content/images/*", "content/images/posts/*", "content/images/tumblr/*"]
+    [ "content/fonts/*"
+    , "content/images/*"
+    , "content/images/posts/*"
+    , "content/images/tumblr/*"
+    ]
   mapM_ matchAndCopy
     [ ("content/favicon.ico", "ico")
     , ("content/keybase.txt", "txt")