luanlabs
diff --git a/‎index.html
+6 b/‎index.html
+6
diff --git a/‎public/font/Aeonik-Bold.ttf
-98.4 KB b/‎public/font/Aeonik-Bold.ttf
-98.4 KB
diff --git a/‎public/font/Aeonik-Medium.ttf
-97.3 KB b/‎public/font/Aeonik-Medium.ttf
-97.3 KB
diff --git a/‎public/font/Aeonik-Regular.ttf
-96.4 KB b/‎public/font/Aeonik-Regular.ttf
-96.4 KB
diff --git a/‎src/index.css
+1-27 b/‎src/index.css
+1-27
@@ -6,6 +6,12 @@
     <link rel="icon" type="image" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Wagent Payment</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"
+      rel="stylesheet"
+    />
   </head>
   <body>
     <div id="root"></div>
 
@@ -30,7 +30,7 @@
 
 html,
 body {
-  font-family: Aeonik;
+  font-family: 'Inter', serif;
   font-synthesis: none;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
@@ -48,29 +48,3 @@ body {
   justify-content: space-between;
   align-items: center;
 }
-
-@layer base {
-  @font-face {
-    font-family: 'Aeonik';
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url(/font/Aeonik-Regular.ttf) format('truetype');
-  }
-
-  @font-face {
-    font-family: 'Aeonik';
-    font-style: normal;
-    font-weight: 500;
-    font-display: swap;
-    src: url(/font/Aeonik-Medium.ttf) format('truetype');
-  }
-
-  @font-face {
-    font-family: 'Aeonik';
-    font-style: normal;
-    font-weight: 700;
-    font-display: swap;
-    src: url(/font/Aeonik-Bold.ttf) format('truetype');
-  }
-}