From a085df81b4d9df69b1aaa8d274227b84fc44ed57 Mon Sep 17 00:00:00 2001 From: Romain Paquet Date: Thu, 20 Nov 2025 17:26:50 +0100 Subject: [PATCH] use atkinson hyperlegible next font --- _config.ts | 3 ++- styles/main.css | 5 ++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/_config.ts b/_config.ts index 1597b7a..fe7400b 100644 --- a/_config.ts +++ b/_config.ts @@ -19,7 +19,8 @@ site.use(googleFonts({ cssFile: "/styles/main.css", placeholder: "/* import fonts */", fonts: { - "Atkinson Hyperlegible": "https://fonts.google.com/share?selection.family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700", + "Atkinson Hyperlegible Next": + "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800", "JetBrains Mono": "https://fonts.google.com/share?selection.family=JetBrains+Mono:ital,wght@0,100..800;1,100..800", }, })); diff --git a/styles/main.css b/styles/main.css index fc7acf1..f026a34 100644 --- a/styles/main.css +++ b/styles/main.css @@ -5,7 +5,7 @@ --color-foreground-dimmed: color-mix(in srgb, var(--color-foreground), transparent 40%); /* --color-accent: #0692aa; */ --max-width: 900px; - --font-base-size: 20px; + --font-base-size: 1.25rem; } @media (prefers-color-scheme: dark) { @@ -19,8 +19,7 @@ } body { - /* font-family: "JetBrains Mono"; */ - font-family: "Atkinson Hyperlegible"; + font-family: "Atkinson Hyperlegible Next"; display: grid; grid-template-rows: auto 1fr auto; min-height: 100svh;