From 6441d46a6f93a6c467125e129b1e78742a0de9e5 Mon Sep 17 00:00:00 2001 From: jxmoose Date: Sat, 26 Oct 2024 10:57:23 -0700 Subject: [PATCH] fix: change font name --- app/layout.tsx | 4 ++-- app/onboarding/styles.ts | 4 ++-- styles/fonts.ts | 6 +++--- styles/text.ts | 4 ++-- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/app/layout.tsx b/app/layout.tsx index 735d836..af25d98 100644 --- 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 ( - + {children} diff --git a/app/onboarding/styles.ts b/app/onboarding/styles.ts index e7ce020..8468a97 100644 --- 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 index 48143bf..79e9c1c 100644 --- 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 index 5be3e7d..a353fa9 100644 --- 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` - ${BespokeSans.style} + ${Sans.style} font-weight: ${({ $fontWeight }) => $fontWeight || '700'}; color: ${({ $color }) => $color || 'black'}; text-align: ${({ $align }) => $align};