new font styles

1 files changed, 26 insertions, 5 deletions

diff --git a/styles.css b/styles.css
index 5368a60..bdd0a6b 100644
--- a/styles.css
+++ b/styles.css
@@ -40,7 +40,23 @@
 	font-style: italic;
 }
 
+@font-face {
+	font-family: "Noto Serif";
+	src: url("fonts/Noto/NotoSerif-VariableFont_wdth,wght.ttf") format("truetype");
+	font-weight: 100 900;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "Noto Serif";
+	src: url("fonts/Noto/NotoSerif-Italic-VariableFont_wdth,wght.ttf") format("truetype");
+	font-weight: 100 900;
+	font-style: italic;
+}
+
 :root {
+	--font: "Noto Serif";
+
 	--bg: #ffffff;
 	--text: #000000;
 	--accent: #000000;
@@ -106,7 +122,7 @@ a:hover {
 }
 
 body {
-	font-family: "Charter", "Bitstream Charter", "Sitka Text", Georgia, serif;
+	font-family: var(--font), "Sitka Text", Georgia, serif;
 	font-weight: 400;
 	line-height: 1.6;
 	color: var(--text);
@@ -132,9 +148,9 @@ h2 {
 }
 
 code {
-	font-family: "Roboto Mono", "Charter", serif;
+	font-family: "Roboto Mono", var(--font), serif;
 	background-color: var(--code-bg);
-	padding: 0px 8px;
+	padding: 0 3px;
 	/* border-radius: 3px; */
 	font-size: 0.95em;
 	border: 1px solid var(--border);
@@ -153,6 +169,10 @@ pre {
 	border-left-width: 3px;
 }
 
+b {
+	text-shadow: 0 0 2px var(--text);
+}
+
 pre code {
 	background-color: transparent;
 	padding: 0;
@@ -173,7 +193,8 @@ blockquote {
 
 block {
 	display: block;
-	margin-bottom: 1.5rem;
+	margin-bottom: 1rem;
+	margin-bottom: 1rem;
 	padding: 1rem;
 	background-color: var(--block-bg);
 	border: 1px solid var(--border);
@@ -184,7 +205,7 @@ header {
 	justify-content: space-between;
 	align-items: baseline;
 	font-weight: bold;
-	font-family: "Charter", serif;
+	font-family: var(--font), serif;
 }
 
 .header-left {