fix: tailwind font-heading bold, regular 추가

prgrms-web-devcourse · Jun 8, 2024 · cb57ff0 · cb57ff0
1 parent 0b4ac49
commit cb57ff0
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 7 deletions.
diff --git a/src/app/global-error.tsx b/src/app/global-error.tsx
@@ -17,7 +17,7 @@ export const ErrorPage = () => {
             height={160}
             alt="loading"
           />
-          <div className="font-heading">
+          <div className="font-heading-bold">
             <span className="font-bold text-main-900">다독이</span>도 몰라요~ 왜
             이래요~
           </div>

diff --git a/src/app/group/[groupId]/not-found.tsx b/src/app/group/[groupId]/not-found.tsx
@@ -6,7 +6,7 @@ export default function NotFound() {
   return (
     <div className="absolute left-0 top-0 flex h-full w-full flex-col items-center justify-center gap-[2rem]">
       <Image src="/images/loading.gif" width={230} height={160} alt="loading" />
-      <p className="font-heading">
+      <p className="font-heading-bold">
         <span className="font-bold text-main-900">다독이</span>가 길을 잃었어요.
       </p>
       <Link href="/group">

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
@@ -18,7 +18,7 @@ const LoginPage = () => {
           width={300}
           height={270}
         />
-        <p className="text-center !font-medium !leading-snug font-heading">
+        <p className="text-center !leading-snug font-heading-regular">
           <span className="font-subheading-regular">
             책에 대한 모든 이야기,
           </span>

diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
@@ -10,7 +10,7 @@ const NotFound = () => {
   return (
     <div className="absolute left-0 top-0 flex h-full w-full flex-col items-center justify-center gap-[2rem]">
       <Image src="/images/loading.gif" width={230} height={160} alt="loading" />
-      <div className="font-heading">
+      <div className="font-heading-bold">
         <span className="font-bold text-main-900">다독이</span>가 길을 잃었어요.
       </div>
       <Button

diff --git a/src/v1/base/TopHeader.tsx b/src/v1/base/TopHeader.tsx
@@ -7,7 +7,7 @@ type TopHeaderProps = PropsWithChildren<{
 const TopHeader = ({ text, children }: TopHeaderProps) => {
   return (
     <header className="flex w-full items-center justify-between pb-[2rem]">
-      <h1 className="text-main-900 font-heading">{text}</h1>
+      <h1 className="text-main-900 font-heading-bold">{text}</h1>
       {children}
     </header>
   );

diff --git a/src/v1/bookSearch/BestSellers.tsx b/src/v1/bookSearch/BestSellers.tsx
@@ -141,7 +141,7 @@ const BestSeller = ({
     >
       <BookCover src={imageUrl} title={title} size={'xlarge'} />
       <div className="flex flex-row gap-[1rem]">
-        <p className="text-black-900 font-heading">{bestRank}</p>
+        <p className="text-black-900 font-heading-bold">{bestRank}</p>
         <div className="flex min-w-0 flex-col gap-[0.3rem] font-body2-regular">
           <p className="line-clamp-2 !leading-tight text-black-900 ">{title}</p>
           <p className="line-clamp-1 text-[#5c5c5c] ">{author}</p>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -134,11 +134,16 @@ module.exports = {
   plugins: [
     ({ addUtilities }) => {
       addUtilities({
-        '.font-heading': {
+        '.font-heading-bold': {
           fontSize: '2.1rem',
           lineHeight: '1.5',
           fontWeight: 700,
         },
+        '.font-heading-regular': {
+          fontSize: '2.1rem',
+          lineHeight: '1.5',
+          fontWeight: 400,
+        },
         '.font-subheading-bold': {
           fontSize: '1.8rem',
           lineHeight: '1.5',