leaflet.pub
a tool for shared writing and social publishing
set fonts on pub homepages
awarm.space
+12
app/globals.css
+12
app/globals.css
···
230
230
.pageScrollWrapper pre {
231
231
font-family: var(--theme-font, var(--font-quattro));
232
232
}
233
+
234
+
/* Apply custom fonts to publication homepage */
235
+
.pubWrapper {
236
+
font-family: var(--theme-font, var(--font-quattro));
237
+
}
238
+
239
+
.pubWrapper h1,
240
+
.pubWrapper h2,
241
+
.pubWrapper h3,
242
+
.pubWrapper h4 {
243
+
font-family: var(--theme-heading-font, var(--theme-font, var(--font-quattro)));
244
+
}
233
245
/*END FONT STYLING*/
234
246
235
247
/* START GLOBAL STYLING */
+4
app/lish/[did]/[publication]/page.tsx
+4
app/lish/[did]/[publication]/page.tsx
···
21
21
normalizeDocumentRecord,
22
22
} from "src/utils/normalizeRecords";
23
23
import { getFirstParagraph } from "src/utils/getFirstParagraph";
24
+
import { FontLoader } from "components/FontLoader";
24
25
25
26
export default async function Publication(props: {
26
27
params: Promise<{ publication: string; did: string }>;
···
59
60
if (!publication) return <PubNotFound />;
60
61
try {
61
62
return (
63
+
<>
64
+
<FontLoader headingFontId={record?.theme?.headingFont} bodyFontId={record?.theme?.bodyFont} />
62
65
<PublicationThemeProvider
63
66
theme={record?.theme}
64
67
pub_creator={publication.identity_did}
···
193
196
</PublicationHomeLayout>
194
197
</PublicationBackgroundProvider>
195
198
</PublicationThemeProvider>
199
+
</>
196
200
);
197
201
} catch (e) {
198
202
console.log(e);