use EB Garamond

Author: Rich-Harris

packages/site-kit/package.json

@@ -22,6 +22,7 @@
 	"homepage": "https://github.com/sveltejs/svelte.dev/tree/main/packages/site-kit#readme",
 	"dependencies": {
 		"@fontsource/cardo": "^5.1.0",
+		"@fontsource/eb-garamond": "^5.1.0",
 		"@fontsource/fira-mono": "^5.1.0",
 		"@fontsource/yantramanav": "^5.1.0",
 		"esm-env": "^1.0.0",

packages/site-kit/src/lib/styles/index.css

@@ -1,5 +1,7 @@
 @import '@fontsource/cardo';
 @import '@fontsource/cardo/400-italic.css';
+@import '@fontsource/eb-garamond';
+@import '@fontsource/eb-garamond/400-italic.css';
 @import '@fontsource/fira-mono';
 
 /* TODO figure out which weights we actually need */

packages/site-kit/src/lib/styles/tokens.css

@@ -24,13 +24,13 @@
 	/* typography */
 	--sk-font-heading: 'Yantramanav', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
 		Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-	--sk-font-body: Cardo, 'Big Caslon', Palatino, 'Book Antiqua', Cambria, serif;
+	--sk-font-body: 'EB Garamond', 'Big Caslon', Palatino, 'Book Antiqua', Cambria, serif;
 	--sk-font-mono: 'Fira Mono', monospace;
 	--sk-text-xxl: 3.6rem;
 	--sk-text-xl: 3rem;
 	--sk-text-l: 2.4rem;
 	--sk-text-m: 2rem;
-	--sk-text-s: 1.7rem;
+	--sk-text-s: 1.8rem;
 	--sk-text-xs: 1.4rem;
 	--sk-line-max-width: 84rem;