Added Inter font face

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",

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"

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}) {

styles/globals.css

@@ -2,8 +2,7 @@ html,
 body {
     padding: 0;
     margin: 0;
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+    font-family: "Inter", sans-serif;
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 }
 
 a {