font

rossrobino · Aug 30, 2023 · ec2f771 · ec2f771 · vercel · Aug 30, 2023
1 parent 383606d
commit ec2f771
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/app.html b/src/app.html
@@ -10,7 +10,7 @@
 	</head>
 	<body
 		data-sveltekit-preload-data="hover"
-		class="dark:dark prose-h1:text-balance prose-a:link bg-background text-foreground selection:bg-primary/10 prose prose-neutral max-w-none dark:prose-invert prose-h1:capitalize prose-h2:capitalize prose-h3:capitalize prose-pre:text-sm"
+		class="dark:dark prose-h1:text-balance prose-a:link prose prose-neutral max-w-none bg-background font-antique text-foreground dark:prose-invert selection:bg-primary/10 prose-h1:capitalize prose-h2:capitalize prose-h3:capitalize prose-pre:text-sm"
 	>
 		<div>%sveltekit.body%</div>
 	</body>

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -42,7 +42,7 @@
 				</ul>
 			</nav>
 			<nav
-				class="mb-6 flex items-center gap-4 bg-background/75 p-4 backdrop-blur-lg lg:hidden lg:w-[80ch]"
+				class="mb-6 flex items-center gap-4 bg-background/75 p-4 backdrop-blur-lg lg:hidden lg:w-[65ch]"
 			>
 				<button
 					class="button button-ghost button-icon"
@@ -56,7 +56,7 @@
 				</h2>
 			</nav>
 		</header>
-		<main id="main" class="m-4 mb-16 max-w-[70ch] lg:w-[70ch]">
+		<main id="main" class="m-4 mb-16 max-w-[65ch] lg:w-[65ch]">
 			<slot />
 			<Sheet
 				bind:display={displaySheet}

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -5,6 +5,17 @@ export default {
 	content: ["./src/**/*.{html,js,svelte,ts}"],
 	theme: {
 		extend: {
+			fontFamily: {
+				antique: [
+					"Superclarendon",
+					"Bookman Old Style",
+					"URW Bookman",
+					"URW Bookman L",
+					"Georgia Pro",
+					"Georgia",
+					"serif",
+				],
+			},
 			borderColor: {
 				DEFAULT: "hsl(var(--border))",
 			},