feat: add Quicksand font

layouts/_default/single.html

@@ -1,7 +1,7 @@
 {{ partial "header.html" . }}
 
-<div class="max-w-screen-xl mx-auto">
-	<article class="prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline">
+<div class="max-w-screen-xl mx-auto mt-4">
+	<article class="prose prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-h1:font-title prose-h1:font-bold">
 		{{ partial "headline-hash.html" .Content }}
 	</article>
 </div>

layouts/partials/navbar.html

@@ -13,7 +13,7 @@
 		<a class="navbar-item" href="/">
 			<img src="{{ .Site.BaseURL }}images/vikunja-logo-white.svg" alt="{{ .Site.Title }}" class="h-10 my-2"/>
 		</a>
-		<div id="navMenu" class="text-white flex">
+		<div id="navMenu" class="text-white flex font-title font-semibold">
 			{{ $currentNode := .Page }}{{ range .Site.Menus.page }}
 				<a class="block h-full py-4 px-2 hover:bg-primary-darker {{ if $currentNode.IsMenuCurrent "page" . }}bg-primary-darker{{ end }}" href="{{ .URL }}">
 					{{ .Name }}

src/style.css

@@ -1,3 +1,19 @@
+@import url('/fonts/fonts.css');
+
+/* Setting a base font size */
+body {
+    font-size: 16px;
+}
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+.prose h1,
+.prose h2,
+.prose h3,
+.prose h4,
+.prose h5,
+.prose h6 {
+    @apply font-title font-semibold;
+}

tailwind.config.js

@@ -1,3 +1,5 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
 module.exports = {
   content: [
       './src/*.css',
@@ -11,7 +13,10 @@ module.exports = {
                 DEFAULT: '#196aff',
                 darker: '#0064ff',
             }
-        }
+        },
+        fontFamily: {
+            title: ['Quicksand', ...defaultTheme.fontFamily.sans],
+        },
     },
   },
   plugins: [