update: font family for all webpages #89

Author: Nitesh

src/_includes/head.njk

@@ -4,6 +4,7 @@
 <link rel="preload" href="{{ env.baseUrl }}css/page.css" as="style">
 <link rel="icon" type="image/x-icon" href="{{ env.baseUrl }}img/logo.png">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Hanken+Grotesk&display=swap" rel="stylesheet">
 <!-- PRELOAD CDN SCRIPTS -->
 <link rel="preconnect" href="https://unpkg.com/popper.js@1" as="script">
 <link rel="preconnect" href="https://unpkg.com/tippy.js@4" as="script">

src/css/main.css

@@ -19,8 +19,12 @@ html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Black Han Sans', sans-serif;
+}
+
 body {
-  font-family: 'Inter', sans-serif;
+  font-family: 'Hanken Grotesk', sans-serif;
   color: #111827;
   background-color: #FFFFFF;
   min-height: 100vh;

tailwind.config.js

@@ -251,6 +251,8 @@ module.exports = {
       DEFAULT: '1',
     },
     fontFamily: {
+      heading: ['"Black Han Sans"', 'sans-serif'],
+      body: ['"Hanken Grotesk"', 'sans-serif'],
       sans: [
         'ui-sans-serif',
         'system-ui',