DM Serif Display (#221)

* DM Serif Display

* remove some unused stuff

Author: Rich-Harris

packages/site-kit/package.json

@@ -22,8 +22,10 @@
 	},
 	"homepage": "https://github.com/sveltejs/svelte.dev/tree/main/packages/site-kit#readme",
 	"dependencies": {
+		"@fontsource/dm-serif-display": "^5.1.0",
 		"@fontsource/eb-garamond": "^5.1.0",
 		"@fontsource/fira-mono": "^5.1.0",
+		"@fontsource/playfair-display": "^5.1.0",
 		"@fontsource/yantramanav": "^5.1.0",
 		"esm-env": "^1.0.0",
 		"json5": "^2.2.3",

packages/site-kit/src/lib/docs/DocsContents.svelte

@@ -74,7 +74,7 @@
 
 	li {
 		display: block;
-		line-height: 1.2;
+		/* line-height: 1.2; */
 		margin: 0;
 		margin-bottom: 4rem;
 	}
@@ -105,7 +105,6 @@
 		display: block;
 		font-size: var(--sk-text-s);
 		font-family: var(--sk-font-body);
-		padding-bottom: 0.6em;
 	}
 
 	[aria-current='page'] {

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

@@ -20,7 +20,7 @@ body {
 body {
 	font-size: var(--sk-text-s);
 	font-family: var(--sk-font-body);
-	line-height: 1.618;
+	line-height: 1.5;
 	color: var(--sk-text-2);
 	background-color: var(--sk-back-1);
 	width: 100%;

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

@@ -1,6 +1,8 @@
 @import '@fontsource/eb-garamond';
 @import '@fontsource/eb-garamond/500.css';
 @import '@fontsource/eb-garamond/400-italic.css';
+@import '@fontsource/playfair-display/600.css';
+@import '@fontsource/dm-serif-display';
 @import '@fontsource/fira-mono';
 
 /* TODO figure out which weights we actually need */

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

@@ -25,7 +25,7 @@
 	--sk-font-ui: 'Yantramanav', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
 		Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
 	--sk-font-body: 'EB Garamond', 'Big Caslon', Palatino, 'Book Antiqua', Cambria, serif;
-	--sk-font-heading: var(--sk-font-body);
+	--sk-font-heading: 'DM Serif Display';
 	--sk-font-mono: 'Fira Mono', monospace;
 	--sk-text-xxl: 3.6rem;
 	--sk-text-xl: 3rem;