From 0c52e4adf5abf613749f1dca65f6ceb062e78762 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Thu, 28 Nov 2024 17:53:07 +0100
Subject: [PATCH] font fix?

---
 src/css/custom.css         | 1 -
 src/pages/index.module.css | 7 ++++++-
 src/pages/index.tsx        | 3 +--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 394971c..83af155 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -31,7 +31,6 @@
   background-color: black !important;
 }
 
-
 [data-theme='dark'] .hero {
   background-color: black !important;
   color: white !important;
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 25430a0..434a388 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -1,5 +1,5 @@
 @font-face {
-  font-family: 'Researcher'; /* The name you'll use in font-family */
+  font-family: 'Researcher';
   src: url('/font/researcher.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
@@ -23,3 +23,8 @@
   align-items: center;
   justify-content: center;
 }
+
+.heroTitle {
+  font-family: 'Researcher', sans-serif;
+  font-size: 3rem;
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 717b25f..82795b3 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -3,7 +3,6 @@ import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
-import Heading from '@theme/Heading';
 
 import styles from './index.module.css';
 
@@ -12,7 +11,7 @@ function HomepageHeader() {
   return (
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
       <div className="container">
-        <h1 style={{fontFamily: 'Researcher'}}>{siteConfig.title}</h1>
+        <h1 className={styles.heroTitle}>{siteConfig.title}</h1>
         <p className="hero__subtitle">Style your terminal, <b>The creative way</b></p>
         <div className={styles.buttons}>
           <Link