diff --git a/package-lock.json b/package-lock.json
index a7ba98e..4e91daf 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,6 +6,7 @@
     "": {
       "name": "portfolio",
       "dependencies": {
+        "@fontsource/inter": "^4.5.1",
         "next": "12.0.4",
         "react": "17.0.2",
         "react-dom": "17.0.2"
@@ -768,6 +769,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@fontsource/inter": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-4.5.1.tgz",
+      "integrity": "sha512-mvtOvXNNVLlF1p/UbLgLrmz2RCOl6Ow+TqyiK10SosoLKX7edsXYiHFHb7XIZdjII6F2sJVPPsJXWhBnbXT2DQ=="
+    },
     "node_modules/@hapi/accept": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@hapi/accept/-/accept-5.0.2.tgz",
@@ -6173,6 +6179,11 @@
         }
       }
     },
+    "@fontsource/inter": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-4.5.1.tgz",
+      "integrity": "sha512-mvtOvXNNVLlF1p/UbLgLrmz2RCOl6Ow+TqyiK10SosoLKX7edsXYiHFHb7XIZdjII6F2sJVPPsJXWhBnbXT2DQ=="
+    },
     "@hapi/accept": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@hapi/accept/-/accept-5.0.2.tgz",
diff --git a/package.json b/package.json
index 861a605..c7d5bff 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@fontsource/inter": "^4.5.1",
     "next": "12.0.4",
     "react": "17.0.2",
     "react-dom": "17.0.2"
diff --git a/pages/_app.js b/pages/_app.js
index c59a406..671162d 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,3 +1,5 @@
+import '@fontsource/inter/400.css';
+import '@fontsource/inter/700.css';
 import '../styles/globals.css';
 
 function App({Component, pageProps}) {
diff --git a/styles/globals.css b/styles/globals.css
index cfb6eb7..d295c40 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -2,8 +2,7 @@ html,
 body {
     padding: 0;
     margin: 0;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    font-family: "Inter", sans-serif;
 }
 
 a {