From 25979ab216ca2cc2539696420f23be8508d3184f Mon Sep 17 00:00:00 2001
From: Felix Nie <hongtuo.nie@u.nus.edu>
Date: Wed, 19 Mar 2025 04:43:32 +0000
Subject: [PATCH] feat(fonts): allow PageTitle to have its own font subset (#1848)
---
quartz/plugins/emitters/componentResources.ts | 16 ++++++++++++++--
1 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/quartz/plugins/emitters/componentResources.ts b/quartz/plugins/emitters/componentResources.ts
index 540a373..5dd67e6 100644
--- a/quartz/plugins/emitters/componentResources.ts
+++ b/quartz/plugins/emitters/componentResources.ts
@@ -9,7 +9,12 @@
import popoverStyle from "../../components/styles/popover.scss"
import { BuildCtx } from "../../util/ctx"
import { QuartzComponent } from "../../components/types"
-import { googleFontHref, joinStyles, processGoogleFonts } from "../../util/theme"
+import {
+ googleFontHref,
+ googleFontSubsetHref,
+ joinStyles,
+ processGoogleFonts,
+} from "../../util/theme"
import { Features, transform } from "lightningcss"
import { transform as transpile } from "esbuild"
import { write } from "./helpers"
@@ -211,9 +216,16 @@
// let the user do it themselves in css
} else if (cfg.theme.fontOrigin === "googleFonts" && !cfg.theme.cdnCaching) {
// when cdnCaching is true, we link to google fonts in Head.tsx
- const response = await fetch(googleFontHref(ctx.cfg.configuration.theme))
+ const theme = ctx.cfg.configuration.theme
+ const response = await fetch(googleFontHref(theme))
googleFontsStyleSheet = await response.text()
+ if (theme.typography.title) {
+ const title = ctx.cfg.configuration.pageTitle
+ const response = await fetch(googleFontSubsetHref(theme, title))
+ googleFontsStyleSheet += `\n${await response.text()}`
+ }
+
if (!cfg.baseUrl) {
throw new Error(
"baseUrl must be defined when using Google Fonts without cfg.theme.cdnCaching",
--
Gitblit v1.10.0