diff --git a/TODO.md b/TODO.md
index 297acd0..81c060d 100644
--- a/TODO.md
+++ b/TODO.md
@@ -4,4 +4,3 @@
   * Prod ID `pk_live_xrnwdLNXbt20LMxpIDffJnnC`
 * API integration (test backend `https://lit-plateau-4689.herokuapp.com/`)
 * Hero video
-* Twitter icons
diff --git a/next.config.js b/next.config.js
index ca2a437..a3bfe23 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,2 +1,4 @@
 const withStylus = require('@zeit/next-stylus');
-module.exports = withStylus({});
+const withLess = require('@zeit/next-less');
+const withFonts = require('next-fonts');
+module.exports = withFonts(withLess(withStylus()));
diff --git a/package.json b/package.json
index f31284c..e62c8b7 100644
--- a/package.json
+++ b/package.json
@@ -14,12 +14,15 @@
   },
   "dependencies": {
     "@zeit/next-css": "^1.0.1",
+    "@zeit/next-less": "^1.0.1",
     "@zeit/next-stylus": "^1.0.1",
     "axios": "^0.4.2",
     "classnames": "^2.2.1",
     "font-awesome": "^4.4.0",
+    "less": "^3.10.3",
     "lodash": "^3.9.1",
     "next": "^9.0.6",
+    "next-fonts": "^0.18.0",
     "parse-github-event": "^0.2.0",
     "prop-types": "^15.5.10",
     "react": "^16.9.0",
diff --git a/pages/index.jsx b/pages/index.jsx
index 74a2f03..039d634 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -1,4 +1,5 @@
 import "../styles/style.styl";
+import "../styles/icons.less";
 import Head from "next/head";
 import InviteForm from '../components/InviteForm';
 import Members from '../components/Members';
diff --git a/styles/icons.less b/styles/icons.less
index b0ddcc4..3bc6b5f 100644
--- a/styles/icons.less
+++ b/styles/icons.less
@@ -1,9 +1,28 @@
-@import '../node_modules/font-awesome/less/variables.less';
-@import '../node_modules/font-awesome/less/path.less';
-@import '../node_modules/font-awesome/less/core.less';
+@import "../node_modules/font-awesome/less/variables.less";
+@import "../node_modules/font-awesome/less/core.less";
 
-.@{fa-css-prefix}-github:before { content: @fa-var-github; }
-.@{fa-css-prefix}-slack:before { content: @fa-var-slack; }
-.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }
-.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }
-.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }
+@font-face {
+  font-family: "FontAwesome";
+  src: url("../node_modules/font-awesome/fonts/fontawesome-webfont.woff2?v=@{fa-version}")
+      format("woff2"),
+    url("../node_modules/font-awesome/fonts/fontawesome-webfont.woff?v=@{fa-version}")
+      format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+
+.@{fa-css-prefix}-github:before {
+  content: @fa-var-github;
+}
+.@{fa-css-prefix}-slack:before {
+  content: @fa-var-slack;
+}
+.@{fa-css-prefix}-twitter:before {
+  content: @fa-var-twitter;
+}
+.@{fa-css-prefix}-linkedin:before {
+  content: @fa-var-linkedin;
+}
+.@{fa-css-prefix}-facebook:before {
+  content: @fa-var-facebook;
+}