Move font location and implement on app

43 files changed, 203 insertions, 5 deletions

diff --git a/src/fonts/Inter/Inter-Black.woff b/src/fonts/Inter/Inter-Black.woff
new file mode 100644
index 00000000..a18593a0
--- /dev/null
+++ b/src/fonts/Inter/Inter-Black.woff
diff --git a/src/fonts/Inter/Inter-Black.woff2 b/src/fonts/Inter/Inter-Black.woff2
new file mode 100644
index 00000000..68f64c9e
--- /dev/null
+++ b/src/fonts/Inter/Inter-Black.woff2
diff --git a/src/fonts/Inter/Inter-BlackItalic.woff b/src/fonts/Inter/Inter-BlackItalic.woff
new file mode 100644
index 00000000..b6b01943
--- /dev/null
+++ b/src/fonts/Inter/Inter-BlackItalic.woff
diff --git a/src/fonts/Inter/Inter-BlackItalic.woff2 b/src/fonts/Inter/Inter-BlackItalic.woff2
new file mode 100644
index 00000000..1c9c7ca8
--- /dev/null
+++ b/src/fonts/Inter/Inter-BlackItalic.woff2
diff --git a/src/fonts/Inter/Inter-Bold.woff b/src/fonts/Inter/Inter-Bold.woff
new file mode 100644
index 00000000..eaf3d4bf
--- /dev/null
+++ b/src/fonts/Inter/Inter-Bold.woff
diff --git a/src/fonts/Inter/Inter-Bold.woff2 b/src/fonts/Inter/Inter-Bold.woff2
new file mode 100644
index 00000000..2846f29c
--- /dev/null
+++ b/src/fonts/Inter/Inter-Bold.woff2
diff --git a/src/fonts/Inter/Inter-BoldItalic.woff b/src/fonts/Inter/Inter-BoldItalic.woff
new file mode 100644
index 00000000..32750761
--- /dev/null
+++ b/src/fonts/Inter/Inter-BoldItalic.woff
diff --git a/src/fonts/Inter/Inter-BoldItalic.woff2 b/src/fonts/Inter/Inter-BoldItalic.woff2
new file mode 100644
index 00000000..0b1fe8e1
--- /dev/null
+++ b/src/fonts/Inter/Inter-BoldItalic.woff2
diff --git a/src/fonts/Inter/Inter-ExtraBold.woff b/src/fonts/Inter/Inter-ExtraBold.woff
new file mode 100644
index 00000000..c2c17ede
--- /dev/null
+++ b/src/fonts/Inter/Inter-ExtraBold.woff
diff --git a/src/fonts/Inter/Inter-ExtraBold.woff2 b/src/fonts/Inter/Inter-ExtraBold.woff2
new file mode 100644
index 00000000..c24c2bdc
--- /dev/null
+++ b/src/fonts/Inter/Inter-ExtraBold.woff2
diff --git a/src/fonts/Inter/Inter-ExtraBoldItalic.woff b/src/fonts/Inter/Inter-ExtraBoldItalic.woff
new file mode 100644
index 00000000..c42f7052
--- /dev/null
+++ b/src/fonts/Inter/Inter-ExtraBoldItalic.woff
diff --git a/src/fonts/Inter/Inter-ExtraBoldItalic.woff2 b/src/fonts/Inter/Inter-ExtraBoldItalic.woff2
new file mode 100644
index 00000000..4a81dc79
--- /dev/null
+++ b/src/fonts/Inter/Inter-ExtraBoldItalic.woff2
diff --git a/src/fonts/Inter/Inter-ExtraLight.woff b/src/fonts/Inter/Inter-ExtraLight.woff
new file mode 100644
index 00000000..d0de5f39
--- /dev/null
+++ b/src/fonts/Inter/Inter-ExtraLight.woff
diff --git a/src/fonts/Inter/Inter-ExtraLight.woff2 b/src/fonts/Inter/Inter-ExtraLight.woff2
new file mode 100644
index 00000000..f2ea706f
--- /dev/null
+++ b/src/fonts/Inter/Inter-ExtraLight.woff2
diff --git a/src/fonts/Inter/Inter-ExtraLightItalic.woff b/src/fonts/Inter/Inter-ExtraLightItalic.woff
new file mode 100644
index 00000000..81f1a28e
--- /dev/null
+++ b/src/fonts/Inter/Inter-ExtraLightItalic.woff
diff --git a/src/fonts/Inter/Inter-ExtraLightItalic.woff2 b/src/fonts/Inter/Inter-ExtraLightItalic.woff2
new file mode 100644
index 00000000..9af717ba
--- /dev/null
+++ b/src/fonts/Inter/Inter-ExtraLightItalic.woff2
diff --git a/src/fonts/Inter/Inter-Italic.woff b/src/fonts/Inter/Inter-Italic.woff
new file mode 100644
index 00000000..a806b382
--- /dev/null
+++ b/src/fonts/Inter/Inter-Italic.woff
diff --git a/src/fonts/Inter/Inter-Italic.woff2 b/src/fonts/Inter/Inter-Italic.woff2
new file mode 100644
index 00000000..a619fc54
--- /dev/null
+++ b/src/fonts/Inter/Inter-Italic.woff2
diff --git a/src/fonts/Inter/Inter-Light.woff b/src/fonts/Inter/Inter-Light.woff
new file mode 100644
index 00000000..c496464d
--- /dev/null
+++ b/src/fonts/Inter/Inter-Light.woff
diff --git a/src/fonts/Inter/Inter-Light.woff2 b/src/fonts/Inter/Inter-Light.woff2
new file mode 100644
index 00000000..bc4be665
--- /dev/null
+++ b/src/fonts/Inter/Inter-Light.woff2
diff --git a/src/fonts/Inter/Inter-LightItalic.woff b/src/fonts/Inter/Inter-LightItalic.woff
new file mode 100644
index 00000000..f84a9de3
--- /dev/null
+++ b/src/fonts/Inter/Inter-LightItalic.woff
diff --git a/src/fonts/Inter/Inter-LightItalic.woff2 b/src/fonts/Inter/Inter-LightItalic.woff2
new file mode 100644
index 00000000..842b2dfc
--- /dev/null
+++ b/src/fonts/Inter/Inter-LightItalic.woff2
diff --git a/src/fonts/Inter/Inter-Medium.woff b/src/fonts/Inter/Inter-Medium.woff
new file mode 100644
index 00000000..d546843f
--- /dev/null
+++ b/src/fonts/Inter/Inter-Medium.woff
diff --git a/src/fonts/Inter/Inter-Medium.woff2 b/src/fonts/Inter/Inter-Medium.woff2
new file mode 100644
index 00000000..f92498a2
--- /dev/null
+++ b/src/fonts/Inter/Inter-Medium.woff2
diff --git a/src/fonts/Inter/Inter-MediumItalic.woff b/src/fonts/Inter/Inter-MediumItalic.woff
new file mode 100644
index 00000000..459a6568
--- /dev/null
+++ b/src/fonts/Inter/Inter-MediumItalic.woff
diff --git a/src/fonts/Inter/Inter-MediumItalic.woff2 b/src/fonts/Inter/Inter-MediumItalic.woff2
new file mode 100644
index 00000000..0e3019f4
--- /dev/null
+++ b/src/fonts/Inter/Inter-MediumItalic.woff2
diff --git a/src/fonts/Inter/Inter-Regular.woff b/src/fonts/Inter/Inter-Regular.woff
new file mode 100644
index 00000000..62d3a618
--- /dev/null
+++ b/src/fonts/Inter/Inter-Regular.woff
diff --git a/src/fonts/Inter/Inter-Regular.woff2 b/src/fonts/Inter/Inter-Regular.woff2
new file mode 100644
index 00000000..6c2b6893
--- /dev/null
+++ b/src/fonts/Inter/Inter-Regular.woff2
diff --git a/src/fonts/Inter/Inter-SemiBold.woff b/src/fonts/Inter/Inter-SemiBold.woff
new file mode 100644
index 00000000..a815f43a
--- /dev/null
+++ b/src/fonts/Inter/Inter-SemiBold.woff
diff --git a/src/fonts/Inter/Inter-SemiBold.woff2 b/src/fonts/Inter/Inter-SemiBold.woff2
new file mode 100644
index 00000000..611e90c9
--- /dev/null
+++ b/src/fonts/Inter/Inter-SemiBold.woff2
diff --git a/src/fonts/Inter/Inter-SemiBoldItalic.woff b/src/fonts/Inter/Inter-SemiBoldItalic.woff
new file mode 100644
index 00000000..909e43a9
--- /dev/null
+++ b/src/fonts/Inter/Inter-SemiBoldItalic.woff
diff --git a/src/fonts/Inter/Inter-SemiBoldItalic.woff2 b/src/fonts/Inter/Inter-SemiBoldItalic.woff2
new file mode 100644
index 00000000..545685bd
--- /dev/null
+++ b/src/fonts/Inter/Inter-SemiBoldItalic.woff2
diff --git a/src/fonts/Inter/Inter-Thin.woff b/src/fonts/Inter/Inter-Thin.woff
new file mode 100644
index 00000000..62bc58cd
--- /dev/null
+++ b/src/fonts/Inter/Inter-Thin.woff
diff --git a/src/fonts/Inter/Inter-Thin.woff2 b/src/fonts/Inter/Inter-Thin.woff2
new file mode 100644
index 00000000..abbc3a5c
--- /dev/null
+++ b/src/fonts/Inter/Inter-Thin.woff2
diff --git a/src/fonts/Inter/Inter-ThinItalic.woff b/src/fonts/Inter/Inter-ThinItalic.woff
new file mode 100644
index 00000000..700a7f06
--- /dev/null
+++ b/src/fonts/Inter/Inter-ThinItalic.woff
diff --git a/src/fonts/Inter/Inter-ThinItalic.woff2 b/src/fonts/Inter/Inter-ThinItalic.woff2
new file mode 100644
index 00000000..ab0b2002
--- /dev/null
+++ b/src/fonts/Inter/Inter-ThinItalic.woff2
diff --git a/src/fonts/Inter/Inter-italic.var.woff2 b/src/fonts/Inter/Inter-italic.var.woff2
new file mode 100644
index 00000000..b826d5af
--- /dev/null
+++ b/src/fonts/Inter/Inter-italic.var.woff2
diff --git a/src/fonts/Inter/Inter-roman.var.woff2 b/src/fonts/Inter/Inter-roman.var.woff2
new file mode 100644
index 00000000..6a256a06
--- /dev/null
+++ b/src/fonts/Inter/Inter-roman.var.woff2
diff --git a/src/fonts/Inter/Inter.var.woff2 b/src/fonts/Inter/Inter.var.woff2
new file mode 100644
index 00000000..365eedc5
--- /dev/null
+++ b/src/fonts/Inter/Inter.var.woff2
diff --git a/src/fonts/Inter/inter.css b/src/fonts/Inter/inter.css
new file mode 100644
index 00000000..de6ce273
--- /dev/null
+++ b/src/fonts/Inter/inter.css
@@ -0,0 +1,199 @@
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 100;
+    font-display: swap;
+    src: url('Inter-Thin.woff2?v=3.19') format('woff2'),
+        url('Inter-Thin.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 100;
+    font-display: swap;
+    src: url('Inter-ThinItalic.woff2?v=3.19') format('woff2'),
+        url('Inter-ThinItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 200;
+    font-display: swap;
+    src: url('Inter-ExtraLight.woff2?v=3.19') format('woff2'),
+        url('Inter-ExtraLight.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 200;
+    font-display: swap;
+    src: url('Inter-ExtraLightItalic.woff2?v=3.19') format('woff2'),
+        url('Inter-ExtraLightItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+    src: url('Inter-Light.woff2?v=3.19') format('woff2'),
+        url('Inter-Light.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 300;
+    font-display: swap;
+    src: url('Inter-LightItalic.woff2?v=3.19') format('woff2'),
+        url('Inter-LightItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url('Inter-Regular.woff2?v=3.19') format('woff2'),
+        url('Inter-Regular.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+    src: url('Inter-Italic.woff2?v=3.19') format('woff2'),
+        url('Inter-Italic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url('Inter-Medium.woff2?v=3.19') format('woff2'),
+        url('Inter-Medium.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 500;
+    font-display: swap;
+    src: url('Inter-MediumItalic.woff2?v=3.19') format('woff2'),
+        url('Inter-MediumItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url('Inter-SemiBold.woff2?v=3.19') format('woff2'),
+        url('Inter-SemiBold.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 600;
+    font-display: swap;
+    src: url('Inter-SemiBoldItalic.woff2?v=3.19') format('woff2'),
+        url('Inter-SemiBoldItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url('Inter-Bold.woff2?v=3.19') format('woff2'),
+        url('Inter-Bold.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+    src: url('Inter-BoldItalic.woff2?v=3.19') format('woff2'),
+        url('Inter-BoldItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 800;
+    font-display: swap;
+    src: url('Inter-ExtraBold.woff2?v=3.19') format('woff2'),
+        url('Inter-ExtraBold.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 800;
+    font-display: swap;
+    src: url('Inter-ExtraBoldItalic.woff2?v=3.19') format('woff2'),
+        url('Inter-ExtraBoldItalic.woff?v=3.19') format('woff');
+}
+
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 900;
+    font-display: swap;
+    src: url('Inter-Black.woff2?v=3.19') format('woff2'),
+        url('Inter-Black.woff?v=3.19') format('woff');
+}
+@font-face {
+    font-family: 'Inter';
+    font-style: italic;
+    font-weight: 900;
+    font-display: swap;
+    src: url('Inter-BlackItalic.woff2?v=3.19') format('woff2'),
+        url('Inter-BlackItalic.woff?v=3.19') format('woff');
+}
+
+/* -------------------------------------------------------
+Variable font.
+Usage:
+
+  html { font-family: 'Inter', sans-serif; }
+  @supports (font-variation-settings: normal) {
+    html { font-family: 'Inter var', sans-serif; }
+  }
+*/
+@font-face {
+    font-family: 'Inter var';
+    font-weight: 100 900;
+    font-display: swap;
+    font-style: normal;
+    font-named-instance: 'Regular';
+    src: url('Inter-roman.var.woff2?v=3.19') format('woff2');
+}
+@font-face {
+    font-family: 'Inter var';
+    font-weight: 100 900;
+    font-display: swap;
+    font-style: italic;
+    font-named-instance: 'Italic';
+    src: url('Inter-italic.var.woff2?v=3.19') format('woff2');
+}
+
+/* --------------------------------------------------------------------------
+[EXPERIMENTAL] Multi-axis, single variable font.
+
+Slant axis is not yet widely supported (as of February 2019) and thus this
+multi-axis single variable font is opt-in rather than the default.
+
+When using this, you will probably need to set font-variation-settings
+explicitly, e.g.
+
+  * { font-variation-settings: "slnt" 0deg }
+  .italic { font-variation-settings: "slnt" 10deg }
+
+*/
+@font-face {
+    font-family: 'Inter var experimental';
+    font-weight: 100 900;
+    font-display: swap;
+    font-style: oblique 0deg 10deg;
+    src: url('Inter.var.woff2?v=3.19') format('woff2');
+}
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index afebc293..3fe1d3cf 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -1,4 +1,5 @@
-import '../styles/globals.css'
+import '@/fonts/Inter/inter.css'
+import '@/styles/globals.css'
 import 'react-loading-skeleton/dist/skeleton.css'
 
 import NextProgress from 'next-progress'
diff --git a/src/pages/_document.jsx b/src/pages/_document.jsx
index 6cd99b08..3762c63b 100644
--- a/src/pages/_document.jsx
+++ b/src/pages/_document.jsx
@@ -5,7 +5,7 @@ export default function MyDocument() {
   const env = process.env.NODE_ENV
 
   return (
-    <Html style={{ fontFamily: `'Inter', sans-serif` }}>
+    <Html>
       <Head>
         <link rel='icon' href='/favicon.ico' />
         <link rel='manifest' href='/manifest.json' />
@@ -19,7 +19,6 @@ export default function MyDocument() {
         <meta name='theme-color' content='#fff' />
 
         <link rel='prefetch' href='/images/logo-indoteknik-gear.png' />
-        <link rel='preload' href='/fonts/Inter/inter.css' as='style' />
 
         <meta name='facebook-domain-verification' content='328wmjs7hcnz74rwsqzxvq50rmbtm2' />
         <Script
diff --git a/src/styles/globals.css b/src/styles/globals.css
index e3e0e48e..ea20b247 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -12,8 +12,7 @@ body {
         text-body-2
         text-gray_r-12
         bg-gray_r-1
-        overflow-x-clip
-        antialiased;
+        overflow-x-clip;
 }
 
 #__next main {