フォント指定

fiveseven-lambda · fiveseven-lambda · commit 29c623ac09dc · 2025-03-23T17:53:39.000+09:00
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -78,11 +78,15 @@ import Layout from '../layouts/Layout.astro';
 
 <style>
 	body {
+		font-family: "Noto Sans CJK JP", sans-serif;
 		font-feature-settings: "palt";
 	}
 	header, footer {
 		text-align: center;
 	}
+	footer {
+		padding: 2em;
+	}
 	.background {
 		border-style: solid none;
 		border-width: 1px;
@@ -91,7 +95,7 @@ import Layout from '../layouts/Layout.astro';
 	}
 	main {
 		margin: 0 auto;
-		padding: 8px;
+		padding: .5em;
 	}
 	@media (min-width: 640px) {
 		main {
@@ -115,18 +119,15 @@ import Layout from '../layouts/Layout.astro';
 	}
 
 	.card-outer {
-		padding: 8px;
+		padding: .5em;
 	}
 	.card-inner {
 		background-color: white;
-		padding: 8px 16px;
+		padding: .5em 1em;
 		border-radius: 16px;
 	}
-	h2 {
-		margin: 8px 8px;
-	}
-	p {
-		margin: 8px 8px;
+	h2, p {
+		margin: .3em;
 	}
 	.underline {
 		border-bottom: 1px solid;

Original file line number	Diff line number	Diff line change
`@@ -78,11 +78,15 @@ import Layout from '../layouts/Layout.astro';`
`78`	`78`
`79`	`79`	`<style>`
`80`	`80`	`body {`
	`81`	`+ font-family: "Noto Sans CJK JP", sans-serif;`
`81`	`82`	`font-feature-settings: "palt";`
`82`	`83`	`}`
`83`	`84`	`header, footer {`
`84`	`85`	`text-align: center;`
`85`	`86`	`}`
	`87`	`+ footer {`
	`88`	`+ padding: 2em;`
	`89`	`+ }`
`86`	`90`	`.background {`
`87`	`91`	`border-style: solid none;`
`88`	`92`	`border-width: 1px;`
`@@ -91,7 +95,7 @@ import Layout from '../layouts/Layout.astro';`
`91`	`95`	`}`
`92`	`96`	`main {`
`93`	`97`	`margin: 0 auto;`
`94`		`- padding: 8px;`
	`98`	`+ padding: .5em;`
`95`	`99`	`}`
`96`	`100`	`@media (min-width: 640px) {`
`97`	`101`	`main {`
`@@ -115,18 +119,15 @@ import Layout from '../layouts/Layout.astro';`
`115`	`119`	`}`
`116`	`120`
`117`	`121`	`.card-outer {`
`118`		`- padding: 8px;`
	`122`	`+ padding: .5em;`
`119`	`123`	`}`
`120`	`124`	`.card-inner {`
`121`	`125`	`background-color: white;`
`122`		`- padding: 8px 16px;`
	`126`	`+ padding: .5em 1em;`
`123`	`127`	`border-radius: 16px;`
`124`	`128`	`}`
`125`		`- h2 {`
`126`		`- margin: 8px 8px;`
`127`		`- }`
`128`		`- p {`
`129`		`- margin: 8px 8px;`
	`129`	`+ h2, p {`
	`130`	`+ margin: .3em;`
`130`	`131`	`}`
`131`	`132`	`.underline {`
`132`	`133`	`border-bottom: 1px solid;`