input.css

@@ -4,7 +4,7 @@
 @source './template/**/*.templ';
 
 body {
-	@apply font-shippori text-gray-700;
+	@apply font-garamond text-gray-700;
 }
 input:focus {
 	@apply outline-none ring-0;
@@ -12,16 +12,16 @@ input:focus {
 
 @font-face {
   font-family: "Pirata One";
-  src: url("/static/font/pirata_one/PirataOne-Regular.ttf") format("truetype");
+  src: url("/static/font/PirataOne-Regular.woff2") format("woff2");
 }
 @font-face {
-  font-family: "Shippori Mincho";
-  src: url("/static/font/shippori_mincho/ShipporiMincho-Medium.ttf") format("truetype");
+  font-family: "EB Garamond";
+  src: url("/static/font/EBGaramond-VariableFont_wght.woff2") format("woff2");
 }
 
 @theme {
-	--font-pirata: "Pirata One", sans-serif;
-	--font-shippori: "Shippori Mincho", sans-serif;
+	--font-pirata: "Pirata One", serif;
+	--font-garamond: "EB Garamond", serif;
 }
 
 /* Button */