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
.pageScrollWrapper pre {
231
font-family: var(--theme-font, var(--font-quattro));
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
+
}
245
/*END FONT STYLING*/
246
247
/* START GLOBAL STYLING */
+4
app/lish/[did]/[publication]/page.tsx
+4
app/lish/[did]/[publication]/page.tsx
···
21
normalizeDocumentRecord,
22
} from "src/utils/normalizeRecords";
23
import { getFirstParagraph } from "src/utils/getFirstParagraph";
24
25
export default async function Publication(props: {
26
params: Promise<{ publication: string; did: string }>;
···
59
if (!publication) return <PubNotFound />;
60
try {
61
return (
62
<PublicationThemeProvider
63
theme={record?.theme}
64
pub_creator={publication.identity_did}
···
193
</PublicationHomeLayout>
194
</PublicationBackgroundProvider>
195
</PublicationThemeProvider>
196
);
197
} catch (e) {
198
console.log(e);
···
21
normalizeDocumentRecord,
22
} from "src/utils/normalizeRecords";
23
import { getFirstParagraph } from "src/utils/getFirstParagraph";
24
+
import { FontLoader } from "components/FontLoader";
25
26
export default async function Publication(props: {
27
params: Promise<{ publication: string; did: string }>;
···
60
if (!publication) return <PubNotFound />;
61
try {
62
return (
63
+
<>
64
+
<FontLoader headingFontId={record?.theme?.headingFont} bodyFontId={record?.theme?.bodyFont} />
65
<PublicationThemeProvider
66
theme={record?.theme}
67
pub_creator={publication.identity_did}
···
196
</PublicationHomeLayout>
197
</PublicationBackgroundProvider>
198
</PublicationThemeProvider>
199
+
</>
200
);
201
} catch (e) {
202
console.log(e);