From 79f071f290952fd20750cbfe334775e5d3054f47 Mon Sep 17 00:00:00 2001
From: Jannis Portmann <jannisp@student.ethz.ch>
Date: Sun, 9 Jul 2023 14:59:41 +0200
Subject: [PATCH] Add custom fonts

---
 pflaenzli/pflaenzli/static/base.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/pflaenzli/pflaenzli/static/base.css b/pflaenzli/pflaenzli/static/base.css
index ca3d96e..28ccc90 100644
--- a/pflaenzli/pflaenzli/static/base.css
+++ b/pflaenzli/pflaenzli/static/base.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Aleo:wght@400;700&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');
+
 :root {
     /* Primary */
     --pfl-color: #4c6e4dff;
@@ -20,6 +22,10 @@
     --bs-heading-color: #000;
     --pfl-logo: url('/static/light.png');
     --pfl-home-background: url('/static/home/home-light.webp');
+
+    --bs-body-font-family: 'Lato', sans-serif;
+    --pfl-heading-font-family: 'Aleo', serif;
+
 }
 
 :root[data-bs-theme='dark'] {
@@ -86,10 +92,19 @@ a {
     text-decoration: none;
 }
 
+.btn,
+.badge {
+    font-family: 'Lato', sans-serif;
+}
+
 .nav-tabs .nav-link {
     color: var(--pfl-primary-text)
 }
 
+.navbar-brand {
+    font-family: var(--pfl-heading-font-family);
+}
+
 .pfl-logo {
     height: 2rem;
     width: 2rem;
@@ -159,4 +174,13 @@ a {
     --bs-btn-hover-bg: var(--bg-pfl-orange);
     --bs-btn-hover-border-color: var(--bg-pfl-orange);
     --bs-btn-active-bg: var(--pfl-orange);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+    font-family: var(--pfl-heading-font-family);
+    font-weight: 500;
 }
\ No newline at end of file