diff --git a/airbyte-webapp/package.json b/airbyte-webapp/package.json
index 80b9e28dfd81..439ac7470f30 100644
--- a/airbyte-webapp/package.json
+++ b/airbyte-webapp/package.json
@@ -144,7 +144,7 @@
"src/**/*.{css,scss,md,json}": [
"prettier --write"
],
- "src/**/*.{css,scss}": [
+ "{public,src}/**/*.{css,scss}": [
"stylelint --fix"
]
},
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Bold.eot b/airbyte-webapp/public/fonts/inter/Inter-Bold.eot
deleted file mode 100644
index a17f1a5d1b1b..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Bold.eot and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Bold.svg b/airbyte-webapp/public/fonts/inter/Inter-Bold.svg
deleted file mode 100644
index a097c9c24acc..000000000000
--- a/airbyte-webapp/public/fonts/inter/Inter-Bold.svg
+++ /dev/null
@@ -1,21944 +0,0 @@
-
-
-
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Bold.ttf b/airbyte-webapp/public/fonts/inter/Inter-Bold.ttf
deleted file mode 100644
index f7f09b1453cf..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Bold.ttf and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Bold.woff b/airbyte-webapp/public/fonts/inter/Inter-Bold.woff
deleted file mode 100644
index 6cf158b688ff..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Bold.woff and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Bold.woff2 b/airbyte-webapp/public/fonts/inter/Inter-Bold.woff2
deleted file mode 100644
index c0967356a2a0..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Bold.woff2 and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Medium.eot b/airbyte-webapp/public/fonts/inter/Inter-Medium.eot
deleted file mode 100644
index e46c05b2044a..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Medium.eot and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Medium.svg b/airbyte-webapp/public/fonts/inter/Inter-Medium.svg
deleted file mode 100644
index 2d6399535f16..000000000000
--- a/airbyte-webapp/public/fonts/inter/Inter-Medium.svg
+++ /dev/null
@@ -1,22001 +0,0 @@
-
-
-
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Medium.ttf b/airbyte-webapp/public/fonts/inter/Inter-Medium.ttf
deleted file mode 100644
index 369fce742f88..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Medium.ttf and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Medium.woff b/airbyte-webapp/public/fonts/inter/Inter-Medium.woff
deleted file mode 100644
index 9367ac6cd4c6..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Medium.woff and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Medium.woff2 b/airbyte-webapp/public/fonts/inter/Inter-Medium.woff2
deleted file mode 100644
index 3992ffde1684..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Medium.woff2 and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Regular.eot b/airbyte-webapp/public/fonts/inter/Inter-Regular.eot
deleted file mode 100644
index 47fe58a301c4..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Regular.eot and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Regular.svg b/airbyte-webapp/public/fonts/inter/Inter-Regular.svg
deleted file mode 100644
index 56c452196424..000000000000
--- a/airbyte-webapp/public/fonts/inter/Inter-Regular.svg
+++ /dev/null
@@ -1,21523 +0,0 @@
-
-
-
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Regular.ttf b/airbyte-webapp/public/fonts/inter/Inter-Regular.ttf
deleted file mode 100755
index 8c04c5bc834b..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Regular.ttf and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Regular.woff b/airbyte-webapp/public/fonts/inter/Inter-Regular.woff
deleted file mode 100644
index deeada179293..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Regular.woff and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-Regular.woff2 b/airbyte-webapp/public/fonts/inter/Inter-Regular.woff2
deleted file mode 100644
index e42a94de5858..000000000000
Binary files a/airbyte-webapp/public/fonts/inter/Inter-Regular.woff2 and /dev/null differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-italic.var.woff2 b/airbyte-webapp/public/fonts/inter/Inter-italic.var.woff2
new file mode 100644
index 000000000000..b826d5af84b3
Binary files /dev/null and b/airbyte-webapp/public/fonts/inter/Inter-italic.var.woff2 differ
diff --git a/airbyte-webapp/public/fonts/inter/Inter-roman.var.woff2 b/airbyte-webapp/public/fonts/inter/Inter-roman.var.woff2
new file mode 100644
index 000000000000..6a256a068f0d
Binary files /dev/null and b/airbyte-webapp/public/fonts/inter/Inter-roman.var.woff2 differ
diff --git a/airbyte-webapp/public/index.css b/airbyte-webapp/public/index.css
index f117465c9837..27f070aa1bbb 100644
--- a/airbyte-webapp/public/index.css
+++ b/airbyte-webapp/public/index.css
@@ -31,63 +31,25 @@ noscript {
color: #1A1A21;
font-size: 18px;
line-height: 22px;
- font-family: Inter, Arial, sans-serif;
+ font-family: Inter, Helvetica, Arial, sans-serif;
}
-/* Regular Inter */
@font-face {
- font-family: "Inter";
- src: url("/fonts/inter/Inter-Regular.eot"); /* IE9 Compat Modes */
- src: local("Inter"),
- url("/fonts/inter/Inter-Regular.eot?#iefix") format("embedded-opentype"),
- /* IE6-IE8 */ url("/fonts/inter/Inter-Regular.woff2") format("woff2"),
- /* Super Modern Browsers */ url("/fonts/inter/Inter-Regular.woff")
- format("woff"),
- /* Modern Browsers */ url("/fonts/inter/Inter-Regular.ttf")
- format("truetype"),
- /* Safari, Android, iOS */ url("/fonts/inter/Inter-Regular.svg#OpenSans")
- format("svg"); /* Legacy iOS */
-
- font-weight: normal;
- font-style: normal;
-}
-
-/* Medium Inter */
-@font-face {
- font-family: "Inter";
- src: url("/fonts/inter/Inter-Medium.eot"); /* IE9 Compat Modes */
- src: local("Inter"),
- url("/fonts/inter/Inter-Medium.eot?#iefix") format("embedded-opentype"),
- /* IE6-IE8 */ url("/fonts/inter/Inter-Medium.woff2") format("woff2"),
- /* Super Modern Browsers */ url("/fonts/inter/Inter-Medium.woff")
- format("woff"),
- /* Modern Browsers */ url("/fonts/inter/Inter-Medium.ttf")
- format("truetype"),
- /* Safari, Android, iOS */ url("/fonts/inter/Inter-Medium.svg#OpenSans")
- format("svg"); /* Legacy iOS */
-
- font-weight: 500;
+ font-family: 'Inter';
+ font-weight: 100 900;
+ font-display: swap;
font-style: normal;
+ src: url("/fonts/inter/Inter-roman.var.woff2?v=3.19") format("woff2");
}
-/* Bold Inter */
@font-face {
- font-family: "Inter";
- src: url("/fonts/inter/Inter-Bold.eot"); /* IE9 Compat Modes */
- src: local("Inter"),
- url("/fonts/inter/Inter-Bold.eot?#iefix") format("embedded-opentype"),
- /* IE6-IE8 */ url("/fonts/inter/Inter-Bold.woff2") format("woff2"),
- /* Super Modern Browsers */ url("/fonts/inter/Inter-Bold.woff")
- format("woff"),
- /* Modern Browsers */ url("/fonts/inter/Inter-Bold.ttf") format("truetype"),
- /* Safari, Android, iOS */ url("/fonts/inter/Inter-Bold.svg#OpenSans")
- format("svg"); /* Legacy iOS */
-
- font-weight: bold;
- font-style: normal;
+ font-family: 'Inter';
+ font-weight: 100 900;
+ font-display: swap;
+ font-style: italic;
+ src: url("/fonts/inter/Inter-italic.var.woff2?v=3.19") format("woff2");
}
-
/* Regular Roboto Mono */
@font-face {
font-family: "Roboto Mono";
diff --git a/airbyte-webapp/src/components/ImageBlock/ImageBlock.module.scss b/airbyte-webapp/src/components/ImageBlock/ImageBlock.module.scss
index 41d1c6aeabc0..0901bb02a163 100644
--- a/airbyte-webapp/src/components/ImageBlock/ImageBlock.module.scss
+++ b/airbyte-webapp/src/components/ImageBlock/ImageBlock.module.scss
@@ -48,7 +48,7 @@
}
.number {
- font-family: fonts.$regularFont;
+ font-family: fonts.$primary;
font-style: normal;
font-weight: 600;
font-size: 10px;
diff --git a/airbyte-webapp/src/packages/cloud/views/auth/components/PersonQuoteCover/PersonQuoteCover.module.scss b/airbyte-webapp/src/packages/cloud/views/auth/components/PersonQuoteCover/PersonQuoteCover.module.scss
index ed7ef7b24d2d..402417571f33 100644
--- a/airbyte-webapp/src/packages/cloud/views/auth/components/PersonQuoteCover/PersonQuoteCover.module.scss
+++ b/airbyte-webapp/src/packages/cloud/views/auth/components/PersonQuoteCover/PersonQuoteCover.module.scss
@@ -50,7 +50,7 @@
.quote {
margin: 0;
color: colors.$white;
- font-family: fonts.$regularFont;
+ font-family: fonts.$primary;
font-weight: 400;
font-size: 17px;
line-height: 28px;
@@ -80,7 +80,7 @@
.quoteAuthorFullName {
color: colors.$white;
- font-family: fonts.$regularFont;
+ font-family: fonts.$primary;
font-weight: 500;
font-size: 14px;
margin-bottom: 0;
@@ -88,7 +88,7 @@
.quoteAuthorJobTitle {
color: colors.$white;
- font-family: fonts.$regularFont;
+ font-family: fonts.$primary;
font-weight: 700;
font-size: 18px;
margin: 10px 0;
diff --git a/airbyte-webapp/src/scss/_fonts.scss b/airbyte-webapp/src/scss/_fonts.scss
index e3063ccfd82c..7b77c8dfbf67 100644
--- a/airbyte-webapp/src/scss/_fonts.scss
+++ b/airbyte-webapp/src/scss/_fonts.scss
@@ -1,2 +1,2 @@
-$regularFont: Inter, Arial, sans-serif;
+$primary: Inter, Helvetica, Arial, sans-serif;
$monospace: "Roboto Mono", Menlo, Monaco, Consolas, monospace;
diff --git a/airbyte-webapp/src/scss/export.module.scss b/airbyte-webapp/src/scss/export.module.scss
index fb8311976442..9247171bf389 100644
--- a/airbyte-webapp/src/scss/export.module.scss
+++ b/airbyte-webapp/src/scss/export.module.scss
@@ -117,5 +117,5 @@
transparentColor: colors.$transparentColor;
// Fonts
- regularFont: fonts.$regularFont;
+ regularFont: fonts.$primary;
}