diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-Black.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Black.woff2 new file mode 100644 index 00000000..8138123c Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Black.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2 new file mode 100644 index 00000000..735ba21f Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-Bold.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Bold.woff2 new file mode 100644 index 00000000..11c67196 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Bold.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2 new file mode 100644 index 00000000..5b6a1fb0 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2 new file mode 100644 index 00000000..9058e986 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2 new file mode 100644 index 00000000..4cd61c06 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2 new file mode 100644 index 00000000..8621b299 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2 new file mode 100644 index 00000000..689c8d9c Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-Italic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Italic.woff2 new file mode 100644 index 00000000..11f20bc8 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Italic.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-Light.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Light.woff2 new file mode 100644 index 00000000..446301c3 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Light.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-LightItalic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-LightItalic.woff2 new file mode 100644 index 00000000..f6881961 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-LightItalic.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-Medium.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Medium.woff2 new file mode 100644 index 00000000..29160b2c Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Medium.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2 new file mode 100644 index 00000000..ef1bcbe3 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-Regular.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Regular.woff2 new file mode 100644 index 00000000..a6c04f68 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Regular.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-SemiBold.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-SemiBold.woff2 new file mode 100644 index 00000000..2b4db239 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-SemiBold.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2 new file mode 100644 index 00000000..59091db3 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-Thin.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Thin.woff2 new file mode 100644 index 00000000..dc0b9486 Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-Thin.woff2 differ diff --git a/packages/frontend/public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2 b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2 new file mode 100644 index 00000000..96439c0c Binary files /dev/null and b/packages/frontend/public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2 differ diff --git a/packages/frontend/src/index.css b/packages/frontend/src/index.css index 9a276aba..60291de7 100644 --- a/packages/frontend/src/index.css +++ b/packages/frontend/src/index.css @@ -2,6 +2,153 @@ @tailwind components; @tailwind utilities; +@layer base { + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-Thin.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 100; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-ThinItalic.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLight.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 200; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-ExtraLightItalic.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-Light.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-LightItalic.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-Regular.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-Italic.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-Medium.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-MediumItalic.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-SemiBold.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 600; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-SemiBoldItalic.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-Bold.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-BoldItalic.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBold.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 800; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-ExtraBoldItalic.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-Black.woff2') + format('woff2'); + } + @font-face { + font-family: 'Inter Display'; + font-style: italic; + font-weight: 900; + font-display: swap; + src: url('../public/fonts/InterDisplay/InterDisplay-BlackItalic.woff2') + format('woff2'); + } +} + @layer utilities { .focus-ring { @apply focus-visible:ring-[3px] focus-visible:ring-snowball-200 focus-visible:ring-offset-1 focus-visible:ring-offset-snowball-500 focus-visible:outline-none; diff --git a/packages/frontend/tailwind.config.js b/packages/frontend/tailwind.config.js index 5bb49bf1..3b39ddf5 100644 --- a/packages/frontend/tailwind.config.js +++ b/packages/frontend/tailwind.config.js @@ -14,6 +14,7 @@ export default withMT({ }, fontFamily: { sans: ['Inter', 'sans-serif'], + display: ['Inter Display', 'sans-serif'], mono: ['JetBrains Mono', 'monospace'], }, fontSize: {