From 0bc047028a07e28bbd0b93583792ece7dd60499f Mon Sep 17 00:00:00 2001
From: Cassidy Williams <1454517+cassidoo@users.noreply.github.com>
Date: Sat, 8 Apr 2023 14:46:54 -0500
Subject: [PATCH] Fix font styling for dark mode and strong text

---
 src/components/BaseHead.astro | 13 ++++++++++---
 src/style/global.css          |  3 +++
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index c98f4c3..3475ac5 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -1,7 +1,7 @@
 ---
 import "../style/global.css";
 
-import { SITE_TITLE } from "../config"
+import { SITE_TITLE } from "../config";
 
 const { title, description, image = "/home-blog-card.png" } = Astro.props;
 ---
@@ -36,11 +36,18 @@ const { title, description, image = "/home-blog-card.png" } = Astro.props;
 	<meta name="twitter:creator" content="@cassidoo" />
 	<meta name="twitter:image" content="http://cassidoo.co/img/headshot.png" />
 
+	<link rel="preconnect" href="https://fonts.googleapis.com" />
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 	<link
-		href="https://fonts.googleapis.com/css?family=Roboto+Mono"
+		href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap"
 		rel="stylesheet"
 	/>
 
 	<!-- RSS Link -->
-	<link rel="alternate" href="/rss.xml" type="application/rss+xml" title={SITE_TITLE}>
+	<link
+		rel="alternate"
+		href="/rss.xml"
+		type="application/rss+xml"
+		title={SITE_TITLE}
+	/>
 </head>
diff --git a/src/style/global.css b/src/style/global.css
index 1747fff..271d379 100644
--- a/src/style/global.css
+++ b/src/style/global.css
@@ -67,6 +67,9 @@ body.dark-mode nav {
 	body,
 	body button,
 	body h1,
+	body strong,
+	body b,
+	body em,
 	body blockquote,
 	body .go-home {
 		background: var(--black);