font fix?

src/css/custom.css

@@ -31,7 +31,6 @@
   background-color: black !important;
 }
 
-
 [data-theme='dark'] .hero {
   background-color: black !important;
   color: white !important;

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;
+}

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