From f691495aa2f9d2732c32da22c0351ded4b709e76 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Thu, 7 Mar 2024 16:32:18 +0100
Subject: [PATCH] style: use Atkinson Hyperlegible for all non-card text

---
 package.json                    | 1 +
 pnpm-lock.yaml                  | 7 +++++++
 src/index.css                   | 4 ++--
 src/lib/TestCard.svelte         | 3 +++
 src/routes/(pages)/+page.svelte | 1 -
 src/routes/+layout.svelte       | 2 ++
 6 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index b23fa59..c99cdb1 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
 	},
 	"type": "module",
 	"dependencies": {
+		"@fontsource/atkinson-hyperlegible": "^5.0.19",
 		"@fontsource/b612": "^5.0.8",
 		"@sveltejs/adapter-auto": "^3.0.0",
 		"@sveltejs/adapter-static": "^3.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f95e036..cb083da 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,6 +5,9 @@ settings:
   excludeLinksFromLockfile: false
 
 dependencies:
+  '@fontsource/atkinson-hyperlegible':
+    specifier: ^5.0.19
+    version: 5.0.19
   '@fontsource/b612':
     specifier: ^5.0.8
     version: 5.0.8
@@ -390,6 +393,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  /@fontsource/atkinson-hyperlegible@5.0.19:
+    resolution: {integrity: sha512-dnhQiFATy7n12Nq1fq8yhuzbae4WJSFKaKesJLTNKyiz6w+DI7RbcB3D1hwU+tBax4Dxlhg0tkY1LS4AzRRqxw==}
+    dev: false
+
   /@fontsource/b612@5.0.8:
     resolution: {integrity: sha512-PuOfVZB37asTrwI6GD5dcOjIuEZI+m9PW6/9MM05zRxA5pSUyPn280rLP7r7mOiFmEKSEWCFyI0Yf2XJOmqwNA==}
     dev: false
diff --git a/src/index.css b/src/index.css
index efeefeb..c805adc 100644
--- a/src/index.css
+++ b/src/index.css
@@ -8,8 +8,8 @@ body, html {
   color: white;
   background-color: black;
 
-  font-family: 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
-  font-size: min(1.5vw, 1.5vh);
+  font-family: 'Atkinson Hyperlegible', 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
+  font-size: 20px;
 }
 
 * {
diff --git a/src/lib/TestCard.svelte b/src/lib/TestCard.svelte
index 8a04d59..62a5672 100644
--- a/src/lib/TestCard.svelte
+++ b/src/lib/TestCard.svelte
@@ -78,6 +78,9 @@
 		width: 100vw;
 		height: 100vh;
 		overflow: hidden;
+
+		font-family: 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
+		font-size: min(4vw, 4vh);
 	}
 
 	.inner {
diff --git a/src/routes/(pages)/+page.svelte b/src/routes/(pages)/+page.svelte
index 98ae007..46cce32 100644
--- a/src/routes/(pages)/+page.svelte
+++ b/src/routes/(pages)/+page.svelte
@@ -246,7 +246,6 @@
 	}
 
 	h2 {
-		font-weight: normal;
 		margin: 0.25em 0;
 	}
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9a771c5..2e23950 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,7 @@
 <script lang="ts">
 	import 'normalize.css/normalize.css';
+	import '@fontsource/atkinson-hyperlegible';
+	import '@fontsource/atkinson-hyperlegible/700.css';
 	import '@fontsource/b612';
 	import '@fontsource/b612/700.css';
 	import '@tabler/icons-webfont/tabler-icons.css';