💄 geist

vitordino · Nov 12, 2023 · 643c0cf · 643c0cf
1 parent 0bb2a34
commit 643c0cf
Show file tree

Hide file tree

Showing 16 changed files with 28 additions and 4 deletions.
diff --git a/public/fonts/geist/Geist-Black.woff2 b/public/fonts/geist/Geist-Black.woff2
diff --git a/public/fonts/geist/Geist-Bold.woff2 b/public/fonts/geist/Geist-Bold.woff2
diff --git a/public/fonts/geist/Geist-Light.woff2 b/public/fonts/geist/Geist-Light.woff2
diff --git a/public/fonts/geist/Geist-Medium.woff2 b/public/fonts/geist/Geist-Medium.woff2
diff --git a/public/fonts/geist/Geist-Regular.woff2 b/public/fonts/geist/Geist-Regular.woff2
diff --git a/public/fonts/geist/Geist-SemiBold.woff2 b/public/fonts/geist/Geist-SemiBold.woff2
diff --git a/public/fonts/geist/Geist-Thin.woff2 b/public/fonts/geist/Geist-Thin.woff2
diff --git a/public/fonts/geist/Geist-UltraBlack.woff2 b/public/fonts/geist/Geist-UltraBlack.woff2
diff --git a/public/fonts/geist/Geist-UltraLight.woff2 b/public/fonts/geist/Geist-UltraLight.woff2
diff --git a/public/fonts/geist/GeistVariableVF.woff2 b/public/fonts/geist/GeistVariableVF.woff2
diff --git a/src/components/ArticleHero.astro b/src/components/ArticleHero.astro
@@ -26,7 +26,9 @@ const Canvas = hasValidCanvasId(hero) && CANVAS_MAP[hero.canvas]
 		<Row>
 			<Column xs={0} lg={1} xl={2} />
 			<Column xs={16} md={10} lg={8} xl={6}>
-				<h1 class='text-3xl font-bold lowercase leading-tight tracking-tight sm:text-4xl md:text-5xl'>{title}</h1>
+				<h1 class='text-3xl font-[450] lowercase leading-tight tracking-[-0.0375em] sm:text-4xl md:text-5xl'>
+					{title}
+				</h1>
 				<h2 class='mt-4 font-serif text-xl lowercase leading-relaxed text-slate-11 sm:text-2xl'>{description}</h2>
 
 				<div class='pt-16 md:pt-24 lg:pt-32'></div>

diff --git a/src/components/HomeHero.astro b/src/components/HomeHero.astro
@@ -7,7 +7,7 @@ import HomeCanvas from 'src/components/HomeCanvas.astro'
 	<div class='fixed left-0 right-0 top-0 overflow-hidden print:relative lg:text-slate-12'>
 		<HomeCanvas />
 		<Container class='relative flex flex-col justify-end pb-16 pt-32 md:pb-24 lg:min-h-[85vh] lg:pb-32'>
-			<h1 class='tracking font-sans text-4xl font-medium lowercase leading-tight lg:text-5xl'>
+			<h1 class='tracking font-sans text-4xl font-[450] lowercase leading-tight tracking-[-0.0375em] lg:text-5xl'>
 				Move fast,<br />learn every day
 			</h1>
 		</Container>

diff --git a/src/components/HomeSectionItem.astro b/src/components/HomeSectionItem.astro
@@ -8,7 +8,13 @@ const target = isExternal ? '_blank' : undefined
 <li>
 	<a class='group mb-12 block break-inside-avoid outline-none' href={href} target={target}>
 		<div class='flex justify-between'>
-			{title && <h3 class='font-medium text-slate-12 decoration-slate-9 group-focus-visible:underline'>{title}</h3>}
+			{
+				title && (
+					<h3 class='font-medium tracking-[-0.0125em] text-slate-12 decoration-slate-9 group-focus-visible:underline'>
+						{title}
+					</h3>
+				)
+			}
 			{right && <div class='text-slate-8'>{right}</div>}
 		</div>
 		{description && <p class='mt-2 max-w-[28em] font-serif text-slate-10'>{description}</p>}

diff --git a/src/components/Html.astro b/src/components/Html.astro
@@ -48,6 +48,21 @@ export type Props = SEOProps | {}
 					'zero',
 					'case';
 			}
+			@font-face {
+				font-family: Geist;
+				src: url('/fonts/geist/GeistVariableVF.woff2') format('woff2-variations');
+				font-weight: 100 900;
+			}
+			@font-face {
+				font-family: Geist;
+				src: url('/fonts/geist/Geist-Medium.woff2') format('woff2');
+				font-weight: 500;
+			}
+			@font-face {
+				font-family: Geist;
+				src: url('/fonts/geist/Geist-Medium.woff2') format('woff2');
+				font-weight: 500;
+			}
 			@font-face {
 				font-family: Redaction;
 				src: url('/fonts/redaction/Redaction-Regular.woff2') format('woff2');

diff --git a/src/components/markdown/H2.astro b/src/components/markdown/H2.astro
@@ -6,6 +6,6 @@ import Column from 'src/components/Column.astro'
 <Row container>
 	<Column xs={0} lg={1} xl={2} />
 	<Column xs={16} lg={12} xl={10}>
-		<h2 class='font-serif text-2xl leading-loose md:text-[32px] md:leading-[48px]'><slot /></h2>
+		<h2 class='mt-16 font-serif35 text-2xl leading-loose md:text-[32px] md:leading-[48px]'><slot /></h2>
 	</Column>
 </Row>
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -11,6 +11,7 @@ export default {
 		...defaultTheme,
 		extend: {
 			fontFamily: {
+				sans: ['Geist', ...defaultTheme.fontFamily.sans],
 				serif: ['Redaction', ...defaultTheme.fontFamily.serif],
 				serif35: ['Redaction35', ...defaultTheme.fontFamily.serif],
 			},