diff --git a/app/dist/type/inter/400.woff b/app/dist/type/inter/400.woff
new file mode 100644
index 0000000..487fb80
Binary files /dev/null and b/app/dist/type/inter/400.woff differ
diff --git a/app/dist/type/inter/400.woff2 b/app/dist/type/inter/400.woff2
new file mode 100644
index 0000000..1154f30
Binary files /dev/null and b/app/dist/type/inter/400.woff2 differ
diff --git a/app/dist/type/inter/400i.woff b/app/dist/type/inter/400i.woff
new file mode 100644
index 0000000..5629298
Binary files /dev/null and b/app/dist/type/inter/400i.woff differ
diff --git a/app/dist/type/inter/400i.woff2 b/app/dist/type/inter/400i.woff2
new file mode 100644
index 0000000..86df364
Binary files /dev/null and b/app/dist/type/inter/400i.woff2 differ
diff --git a/app/dist/type/inter/700.woff b/app/dist/type/inter/700.woff
new file mode 100644
index 0000000..c031137
Binary files /dev/null and b/app/dist/type/inter/700.woff differ
diff --git a/app/dist/type/inter/700.woff2 b/app/dist/type/inter/700.woff2
new file mode 100644
index 0000000..24bf1f7
Binary files /dev/null and b/app/dist/type/inter/700.woff2 differ
diff --git a/app/dist/type/inter/700i.woff b/app/dist/type/inter/700i.woff
new file mode 100644
index 0000000..8a3e464
Binary files /dev/null and b/app/dist/type/inter/700i.woff differ
diff --git a/app/dist/type/inter/700i.woff2 b/app/dist/type/inter/700i.woff2
new file mode 100644
index 0000000..f719620
Binary files /dev/null and b/app/dist/type/inter/700i.woff2 differ
diff --git a/app/dist/type/inter/variable.woff2 b/app/dist/type/inter/variable.woff2
new file mode 100644
index 0000000..13894f0
Binary files /dev/null and b/app/dist/type/inter/variable.woff2 differ
diff --git a/app/sass/bundle.scss b/app/sass/bundle.scss
index 7af1e54..1bed4f5 100755
--- a/app/sass/bundle.scss
+++ b/app/sass/bundle.scss
@@ -8,6 +8,7 @@
   "init/extends",
 
   "type/karla",
+  "type/inter",
 
   "partials/animation",
   "partials/ecosystem",
diff --git a/app/sass/init/_mixins.scss b/app/sass/init/_mixins.scss
index 89a8a22..eba920e 100644
--- a/app/sass/init/_mixins.scss
+++ b/app/sass/init/_mixins.scss
@@ -7,7 +7,7 @@
 
 
 @mixin font-sans {
-  font-family: Karla, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: "Inter UI", Karla, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 
 @mixin font-serif {
@@ -15,7 +15,7 @@
 }
 
 @mixin font-mono {
-  font-family: "Courier New", monospace;
+  font-family: "Input Mono", "Fira Mono", "Fira Code", "Courier New", monospace;
 }
 
 
diff --git a/app/sass/partials/_pre.scss b/app/sass/partials/_pre.scss
index 41bb560..50a7b86 100644
--- a/app/sass/partials/_pre.scss
+++ b/app/sass/partials/_pre.scss
@@ -27,4 +27,8 @@ pre {
       color: $white;
     }
   }
+
+  code {
+    @include font-mono;
+  }
 }
diff --git a/app/sass/type/_inter.scss b/app/sass/type/_inter.scss
new file mode 100644
index 0000000..c973ac3
--- /dev/null
+++ b/app/sass/type/_inter.scss
@@ -0,0 +1,67 @@
+//  400
+
+@font-face {
+  font-family: "Inter UI";
+  font-style:  normal;
+  font-weight: 400;
+  src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
+       url("../assets/type/inter/400.woff2") format("woff2"),
+       url("../assets/type/inter/400.woff") format("woff");
+}
+
+@font-face {
+  font-family: "Inter UI";
+  font-style:  italic;
+  font-weight: 400;
+  src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
+       url("../assets/type/inter/400i.woff2") format("woff2"),
+       url("../assets/type/inter/400i.woff") format("woff");
+}
+
+
+
+//  700
+
+@font-face {
+  font-family: "Inter UI";
+  font-style:  normal;
+  font-weight: 700;
+  src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
+       url("../assets/type/inter/700.woff2") format("woff2"),
+       url("../assets/type/inter/700.woff") format("woff");
+}
+
+@font-face {
+  font-family: "Inter UI";
+  font-style:  italic;
+  font-weight: 700;
+  src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
+       url("../assets/type/inter/700i.woff2") format("woff2"),
+       url("../assets/type/inter/700i.woff") format("woff");
+}
+
+
+
+/*
+Note that you may want to do something like this to make sure you are serving
+constant fonts to older browsers:
+
+html {
+  font-family: "Inter UI", sans-serif;
+}
+
+@supports (font-variation-settings: normal) {
+  html {
+    font-family: "Inter UI Variable", sans-serif;
+  }
+}
+*/
+
+// Single variable font
+
+@font-face {
+  font-family: "Inter UI Variable";
+  font-weight: 400 900;
+  src: url("../assets/type/inter/variable.woff2") format("woff2-variations"),
+       url("../assets/type/inter/variable.woff2") format("woff2");
+}