style: switch to B612

package.json

@@ -32,7 +32,7 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@ibm/plex": "^6.4.0",
+		"@fontsource/b612": "^5.0.8",
 		"lodash": "^4.17.21",
 		"normalize.css": "^8.0.1"
 	}

pnpm-lock.yaml

@@ -5,9 +5,9 @@ settings:
   excludeLinksFromLockfile: false
 
 dependencies:
-  '@ibm/plex':
-    specifier: ^6.4.0
-    version: 6.4.0
+  '@fontsource/b612':
+    specifier: ^5.0.8
+    version: 5.0.8
   lodash:
     specifier: ^4.17.21
     version: 4.17.21
@@ -327,6 +327,10 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
+  /@fontsource/b612@5.0.8:
+    resolution: {integrity: sha512-PuOfVZB37asTrwI6GD5dcOjIuEZI+m9PW6/9MM05zRxA5pSUyPn280rLP7r7mOiFmEKSEWCFyI0Yf2XJOmqwNA==}
+    dev: false
+
   /@humanwhocodes/config-array@0.11.14:
     resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
     engines: {node: '>=10.10.0'}
@@ -347,10 +351,6 @@ packages:
     resolution: {integrity: sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==}
     dev: true
 
-  /@ibm/plex@6.4.0:
-    resolution: {integrity: sha512-P70hmNoSJhpV6fGG4++JEivoccUVuvkyZoXprsDmPTtv3s6QvL+Q8bK3HFSGmK/VgyLMDptoKPV7b/h/1xaWAw==}
-    dev: false
-
   /@jridgewell/gen-mapping@0.3.3:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
     engines: {node: '>=6.0.0'}

src/index.css

@@ -8,7 +8,7 @@ body, html {
   color: white;
   background-color: black;
 
-  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
+  font-family: 'B612', 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
   font-size: 1.5vw;
 }
 

src/routes/+page.svelte

@@ -1,6 +1,7 @@
 <script>
 	import 'normalize.css/normalize.css';
-	import '@ibm/plex/css/ibm-plex.css';
+	import '@fontsource/b612';
+	import '@fontsource/b612/700.css';
 	import '../index.css';
 	import TestCard from '$lib/TestCard.svelte';
 </script>