feat(getcloser): font variation settings

daclouds · daclouds · commit 3be4d49d16d9 · 2025-12-01T02:28:06.000+09:00
diff --git a/getcloser/frontend/src/app/globals.css b/getcloser/frontend/src/app/globals.css
@@ -51,3 +51,7 @@ html {
   --font-sans: var(--font-dongle);
   --font-mono: var(--font-geist-mono);
 }
+
+.material-symbols-outlined.filled {
+    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
+}
diff --git a/getcloser/frontend/src/app/layout.tsx b/getcloser/frontend/src/app/layout.tsx
@@ -39,6 +39,9 @@ export default function RootLayout({
 
   return (
     <html lang="en" style={{ background: 'linear-gradient(to bottom, hsl(160 40% 10%) 0%, hsl(160 40% 15%) 40%, hsl(160 40% 20%) 100%)' }} className="min-h-screen">
+      <head>
+        <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet" />
+      </head>
       <body
         className={`${geistSans.variable} ${geistMono.variable} ${dongle.variable} antialiased`}
       >

Original file line number	Diff line number	Diff line change
`@@ -51,3 +51,7 @@ html {`
`51`	`51`	`--font-sans: var(--font-dongle);`
`52`	`52`	`--font-mono: var(--font-geist-mono);`
`53`	`53`	`}`
	`54`	`+`
	`55`	`+.material-symbols-outlined.filled {`
	`56`	`+ font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;`
	`57`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,9 @@ export default function RootLayout({`
`39`	`39`
`40`	`40`	`return (`
`41`	`41`	`<html lang="en" style={{ background: 'linear-gradient(to bottom, hsl(160 40% 10%) 0%, hsl(160 40% 15%) 40%, hsl(160 40% 20%) 100%)' }} className="min-h-screen">`
	`42`	`+ <head>`
	`43`	`+ <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" rel="stylesheet" />`
	`44`	`+ </head>`
`42`	`45`	`<body`
`43`	`46`	className={`${geistSans.variable} ${geistMono.variable} ${dongle.variable} antialiased`}
`44`	`47`	`>`