use georgia font for blog poasts

This commit is contained in:
2024-09-07 17:26:51 +01:00
parent ec96770e11
commit 5b201bf797
10 changed files with 41 additions and 3 deletions

View File

@@ -16,11 +16,11 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
<BaseHead title={title} description={description} image={heroImage} />
</head>
<body class="bg-base text-text max-w-prose m-auto p-8">
<body class="blog bg-base text-text max-w-prose m-auto p-8">
<Header />
<main class="py-10">
<article>
<div class="prose dark:prose-invert">
<div class="prose prose-lg dark:prose-invert">
<div>
<div class="opacity-60">
<FormattedDate date={pubDate} />

View File

@@ -33,11 +33,49 @@
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Georgia";
src:
url("/fonts/georgia-webfont.woff2") format("woff2"),
url("/fonts/georgia-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Georgia";
src:
url("/fonts/georgiab-webfont.woff2") format("woff2"),
url("/fonts/georgiab-webfont.woff") format("woff");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "Georgia";
src:
url("/fonts/georgiai-webfont.woff2") format("woff2"),
url("/fonts/georgiai-webfont.woff") format("woff");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "Georgia";
src:
url("/fonts/georgiaz-webfont.woff2") format("woff2"),
url("/fonts/georgiaz-webfont.woff") format("woff");
font-weight: bold;
font-style: italic;
}
body {
body,
header,
pre {
font-family: "CommitMono", monospace, monospace;
}
body.blog {
font-family: "Georgia", serif;
}
.nf {
font-family: "NerdFont";
}