fix: change font name

calblueprint · Oct 26, 2024 · 6441d46 · 6441d46
1 parent f3a8104
commit 6441d46
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,6 +1,6 @@
 import type { Metadata } from 'next';
 import StyledComponentsRegistry from '@/lib/registry';
-import { BespokeSans } from '../styles/fonts';
+import { Sans } from '../styles/fonts';
 import '../styles/global.css';
 
 // site metadata - what shows up on embeds
@@ -16,7 +16,7 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body className={BespokeSans.className}>
+      <body className={Sans.className}>
         <StyledComponentsRegistry>{children}</StyledComponentsRegistry>
       </body>
     </html>

diff --git a/app/onboarding/styles.ts b/app/onboarding/styles.ts
@@ -3,7 +3,7 @@
 import NextImage from 'next/image';
 import Link from 'next/link';
 import styled from 'styled-components';
-import { BespokeSans } from '@/styles/fonts';
+import { Sans } from '@/styles/fonts';
 import COLORS from '../../styles/colors';
 
 export const Background = styled.main`
@@ -102,7 +102,7 @@ export const ContinueButton = styled.button`
 `;
 
 export const ContinueText = styled.text`
-  ${BespokeSans.style}
+  ${Sans.style}
   color: white;
   font-size: 14px;
   padding: 10px;

diff --git a/styles/fonts.ts b/styles/fonts.ts
@@ -1,6 +1,6 @@
 import localFont from 'next/font/local';
 
-const BespokeSans = localFont({
+const Sans = localFont({
   src: [
     {
       path: '../public/fonts/BespokeSans_Complete/Fonts/OTF/BespokeSans-Light.otf',
@@ -30,7 +30,7 @@ const BespokeSans = localFont({
   ],
 });
 
-const BespokeSerif = localFont({
+const Serif = localFont({
   src: [
     {
       path: '../public/fonts/BespokeSerif_Complete/Fonts/OTF/BespokeSerif-Light.otf',
@@ -85,4 +85,4 @@ const ClashGrotesk = localFont({
   ],
 });
 
-export { BespokeSans, BespokeSerif, ClashGrotesk };
+export { Sans, Serif, ClashGrotesk };
diff --git a/styles/text.ts b/styles/text.ts
@@ -1,7 +1,7 @@
 'use client';
 
 import styled, { css } from 'styled-components';
-import { BespokeSans } from './fonts';
+import { Sans } from './fonts';
 
 interface TextProps {
   $color?: string;
@@ -10,7 +10,7 @@ interface TextProps {
 }
 
 const TextStyles = css<TextProps>`
-  ${BespokeSans.style}
+  ${Sans.style}
   font-weight: ${({ $fontWeight }) => $fontWeight || '700'};
   color: ${({ $color }) => $color || 'black'};
   text-align: ${({ $align }) => $align};