styles: font common

src/components/common/Header/Header.module.scss

@@ -1,22 +1,22 @@
-@import '../../../styles/utilities';
+@import "../../../styles/utilities";
 
 .header {
   .btn {
     // @apply font-bold py-2 px-4 rounded;
-
   }
   .btnBlue {
     @apply bg-primary hover:bg-warning text-label font-bold py-2 px-4 custom-border-radius;
-    
   }
   .link {
     color: theme("colors.warning");
   }
   .heading {
-    @apply text-base;
+    @apply text-base font-heading;
   }
-
   .paragraph {
     @apply topline;
   }
+  .logo {
+    @apply font-logo;
+  }
 }

src/components/common/Header/Header.tsx

@@ -10,6 +10,8 @@ const Header: FC<Props> = ({ }: Props) => {
     return (
         <div className={s.header}>
             This is Header
+            <h1 className={s.heading}>This is heading</h1>
+            <div className={s.logo}>This is logo text</div>
         </div>
     )
 }