update fonts

pyth-network · Dec 11, 2023 · 75bb0d0 · 75bb0d0
1 parent f07385b
commit 75bb0d0
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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: {
-Original file line number
+Diff line change
@@ Expand Up / @@ -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
@@ Expand Down @@