Fix font styling for dark mode and strong text

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>

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);