Quartz sync: Nov 26, 2024, 10:14 PM

Author: Keyruu

quartz.config.ts

@@ -26,7 +26,7 @@ const config: QuartzConfig = {
       cdnCaching: false,
       typography: {
         header: "Zodiak",
-        body: "ClashDisplay",
+        body: "GeneralSans",
         code: "JetBrainsMono",
       },
       colors: {

quartz/components/PageTitle.tsx

@@ -16,7 +16,7 @@ const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzCompo
 PageTitle.css = `
 .page-title {
   margin: 0;
-  font-family: Aktura, sans-serif;
+  font-family: Aktura, ClashDisplay, sans-serif;
   font-weight: 400;
   font-size: 2.5rem;
 }

quartz/static/fonts/GeneralSans-Variable.ttf

@@ -10,6 +10,16 @@
   font-style: normal;
 }
 
+@font-face {
+  font-family: 'GeneralSans';
+  src: url("/static/fonts/GeneralSans-Variable.woff2") format("woff2"),
+  url("/static/fonts/GeneralSans-Variable.woff") format("woff"),
+  url("/static/fonts/GeneralSans-Variable.ttf") format("truetype");
+  font-weight: 200 700;
+  font-display: swap;
+  font-style: normal;
+}
+
 @font-face {
   font-family: 'Zodiak';
   src: url("/static/fonts/Zodiak-Variable.woff2") format("woff2"),
@@ -20,6 +30,7 @@
   font-style: normal;
 }
 
+
 @font-face {
   font-family: 'JetBrainsMono';
   src: url("/static/fonts/JetBrainsMono-Variable.woff2") format("woff2"),
@@ -30,6 +41,16 @@
   font-style: normal;
 }
 
+@font-face {
+  font-family: 'Aktura';
+  src: url("/static/fonts/Aktura-Regular.woff2") format("woff2"),
+  url("/static/fonts/Aktura-Regular.woff") format("woff"),
+  url("/static/fonts/Aktura-Regular.ttf") format("truetype");
+  font-weight: 400;
+  font-display: swap;
+  font-style: normal;
+}
+
 img[alt*="center"] {
   display: block;
   margin-left: auto;
@@ -44,4 +65,8 @@ img[alt*="right"] {
   margin-top: 2px;
 }
 
+article {
+  font-size: large;
+}
+
 // put your custom CSS here!