From 580c1bd608771efc15cf9cdf1784aba74ed83240 Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Wed, 12 Mar 2025 18:27:41 +0000
Subject: [PATCH] fix(typography): properly pass Google font options (#1825)
---
quartz/util/theme.ts | 6 +++---
docs/configuration.md | 22 ++++++++++++++++++++++
2 files changed, 25 insertions(+), 3 deletions(-)
diff --git a/docs/configuration.md b/docs/configuration.md
index 1622da6..e29dc80 100644
--- a/docs/configuration.md
+++ b/docs/configuration.md
@@ -108,3 +108,25 @@
You can see a list of all plugins and their configuration options [[tags/plugin|here]].
If you'd like to make your own plugins, see the [[making plugins|making custom plugins]] guide.
+
+## Fonts
+
+Fonts can be specified as a `string` or a `FontSpecification`:
+
+```ts
+// string
+typography: {
+ header: "Schibsted Grotesk",
+ ...
+}
+
+// FontSpecification
+typography: {
+ header: {
+ name: "Schibsted Grotesk",
+ weights: [400, 700],
+ includeItalic: true,
+ },
+ ...
+}
+```
diff --git a/quartz/util/theme.ts b/quartz/util/theme.ts
index 06ddd8c..8381cc7 100644
--- a/quartz/util/theme.ts
+++ b/quartz/util/theme.ts
@@ -105,9 +105,9 @@
--highlight: ${theme.colors.lightMode.highlight};
--textHighlight: ${theme.colors.lightMode.textHighlight};
- --headerFont: "${theme.typography.header}", ${DEFAULT_SANS_SERIF};
- --bodyFont: "${theme.typography.body}", ${DEFAULT_SANS_SERIF};
- --codeFont: "${theme.typography.code}", ${DEFAULT_MONO};
+ --headerFont: "${getFontSpecificationName(theme.typography.header)}", ${DEFAULT_SANS_SERIF};
+ --bodyFont: "${getFontSpecificationName(theme.typography.body)}", ${DEFAULT_SANS_SERIF};
+ --codeFont: "${getFontSpecificationName(theme.typography.code)}", ${DEFAULT_MONO};
}
:root[saved-theme="dark"] {
--
Gitblit v1.10.0