kennethnym/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use georgia font for blog poasts

Browse Source
This commit is contained in:
Kenneth
2024-09-07 17:26:51 +01:00
parent ec96770e11
commit 5b201bf797
10 changed files with 41 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/fonts/georgia-webfont.woff Normal file
View File

Binary file not shown.

BIN
public/fonts/georgia-webfont.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/georgiab-webfont.woff Normal file
View File

Binary file not shown.

BIN
public/fonts/georgiab-webfont.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/georgiai-webfont.woff Normal file
View File

Binary file not shown.

BIN
public/fonts/georgiai-webfont.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/georgiaz-webfont.woff Normal file
View File

Binary file not shown.

BIN
public/fonts/georgiaz-webfont.woff2 Normal file
View File

Binary file not shown.

4
src/layouts/BlogPost.astro
View File

@@ -16,11 +16,11 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
<BaseHead title={title} description={description} image={heroImage} /> <BaseHead title={title} description={description} image={heroImage} />
</head> </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 /> <Header />
<main class="py-10"> <main class="py-10">
<article> <article>
<div class="prose dark:prose-invert"> <div class="prose prose-lg dark:prose-invert">
<div> <div>
<div class="opacity-60"> <div class="opacity-60">
<FormattedDate date={pubDate} /> <FormattedDate date={pubDate} />

40
src/styles/global.css
View File

@@ -33,11 +33,49 @@
font-style: normal; font-style: normal;
font-display: swap; 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; font-family: "CommitMono", monospace, monospace;
} }
body.blog {
font-family: "Georgia", serif;
}
.nf { .nf {
font-family: "NerdFont"; font-family: "NerdFont";
} }