diff --git a/frontend/pages/_document.tsx b/frontend/pages/_document.tsx
index 039d17e6..f50372c0 100644
--- a/frontend/pages/_document.tsx
+++ b/frontend/pages/_document.tsx
@@ -6,7 +6,7 @@ class CustomDocument extends Document {
<Html>
<Head>
<link
- href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;600;700&family=Urbanist:wght@400;600;700&display=swap"
+ href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;600&family=Red+Hat+Mono&family=Red+Hat+Text&display=swap"
rel="stylesheet"
/>
<link
diff --git a/frontend/pages/index.tsx b/frontend/pages/index.tsx
index 477980ab..8be83f8a 100644
--- a/frontend/pages/index.tsx
+++ b/frontend/pages/index.tsx
@@ -145,7 +145,7 @@ const Staking: NextPage = () => {
<Dialog.Panel className="w-full max-w-md transform rounded-2xl border-2 border-purpleHeart bg-jaguar p-10 text-left align-middle shadow-xl transition-all">
<Dialog.Title
as="h3"
- className="text-md font-inter font-bold leading-6 "
+ className="text-md font-header font-bold leading-6 "
>
Select stake account
</Dialog.Title>
diff --git a/frontend/styles/globals.css b/frontend/styles/globals.css
index d3a3f9ff..ccb0ebf5 100644
--- a/frontend/styles/globals.css
+++ b/frontend/styles/globals.css
@@ -42,7 +42,7 @@
}
.diaglogTitle {
- @apply mb-8 text-center font-body text-[32px] lg:text-[44px] lg:mb-11 leading-[1.1];
+ @apply mb-8 text-center font-header text-[32px] lg:text-[44px] lg:mb-11 leading-[1.1];
}
.input-no-spin::-webkit-inner-spin-button {
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 086c10f8..e51bca61 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -66,13 +66,9 @@ module.exports = {
offPurple: '#745E9D',
},
fontFamily: {
- arboria: 'arboria, sans-serif',
- roboto: 'roboto, sans-serif',
- robotoMono: 'roboto-mono, monospace',
- inter: 'inter, sans-serif',
- poppins: 'poppins, sans-serif',
- body: 'Urbanist, sans-serif',
- mono: 'IBM Plex Mono, monospace',
+ header: ["'Red Hat Display'", 'sans-serif'],
+ body: ["'Red Hat Text'", 'sans-serif'],
+ mono: ["'Red Hat Mono'", 'monospace'],
},
extend: {