+Playfair, +ETag

views/transform/site.css

@@ -3,6 +3,7 @@
 	--font-script: Rancho, ui-serif;
 	--font-sans: "Linux Biolinum", "Merriweather Sans", ui-sans-serif;
 	--font-serif: "Linux Libertine", ui-serif;
+	--font-didone: "Playfair", ui-serif;
 
 	--color-background: oklch(0.985 0.001 106.423);
 	--color-background-darker: oklch(0.97 0.001 106.424);
@@ -41,18 +42,22 @@
 
 @utility font-variant-small-caps {
 	font-variant-caps: small-caps;
+	font-variant: small-caps;
+	display: inline-block;
 }
 
 @layer components {
 	html {
-		font-size: 16px;
+		font-size: 20px;
 		scroll-behavior: auto !important;
 	}
+
 	@media (max-width: 1280px) {
 		html {
-			font-size: 14px;
+			font-size: 16px;
 		}
 	}
+
 	@media (max-width: 640px) {
 		html {
 			font-size: 12px;
@@ -89,6 +94,8 @@
 	.text .hb,
 	.text .nr,
 	.text .align,
+	.text .b,
+	.text .i,
 	.text .insertion,
 	.text .del,
 	.text .fn,
@@ -96,6 +103,14 @@
 		@apply inline;
 	}
 
+	.text .b {
+		@apply font-bold;
+	}
+
+	.text .i {
+		@apply italic;
+	}
+
 	.text .aq {
 		@apply font-sans;
 	}
@@ -178,6 +193,7 @@
 	}
 
 	.text .insertion::after {
+		padding-left: 0.5em;
 		content: "⌟";
 	}
 
@@ -224,6 +240,6 @@
 	}
 
 	.text .hand {
-		@apply inline text-blue-950;
+		@apply inline text-blue-950 font-didone;
 	}
 }