feat: use Atkinson font

.gitignore

@@ -6,5 +6,6 @@ lib
 coverage
 @types
 
-public/*.js
-/public/bundle.js.map
+public/bundle.*
+public/*.woff
+public/*.woff2

package-lock.json

@@ -10,6 +10,7 @@
 			"hasInstallScript": true,
 			"license": "ISC",
 			"dependencies": {
+				"@fontsource/atkinson-hyperlegible": "^5.2.6",
 				"@types/mocha": "^10.0.1",
 				"@types/node": "^20.10.4",
 				"@types/yargs": "^17.0.32",
@@ -900,6 +901,15 @@
 				"node": "^12.22.0 || ^14.17.0 || >=16.0.0"
 			}
 		},
+		"node_modules/@fontsource/atkinson-hyperlegible": {
+			"version": "5.2.6",
+			"resolved": "https://registry.npmjs.org/@fontsource/atkinson-hyperlegible/-/atkinson-hyperlegible-5.2.6.tgz",
+			"integrity": "sha512-Kfh6/UlHhotKuv4Oi9PXQIsmzwbtJIR442sSJnEHsO7TDZaDczK8cY0AlTNOB0XMDZj1j35nAlgbi2HZCdNg/Q==",
+			"license": "OFL-1.1",
+			"funding": {
+				"url": "https://github.com/sponsors/ayuhito"
+			}
+		},
 		"node_modules/@humanwhocodes/config-array": {
 			"version": "0.11.8",
 			"resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.8.tgz",

package.json

@@ -7,13 +7,14 @@
 		"test": "mocha",
 		"build": "npm run build-node && npm run build-browser",
 		"build-node": "tsc",
-		"build-browser": "esbuild src/browser.ts --bundle --minify --sourcemap --target=firefox120 --outfile=public/bundle.js",
+		"build-browser": "esbuild src/browser.ts --bundle --minify --sourcemap --target=firefox120 --outfile=public/bundle.js --loader:.woff=file --loader:.woff2=file",
 		"postinstall": "npm run build",
 		"clean-coverage": "rm -rf coverage .nyc_output .xunit",
 		"coverage": "npm run clean-coverage && nyc mocha",
 		"test-reports": "npm run clean-coverage && nyc --reporter clover mocha --reporter xunit --reporter-option output=.xunit",
 		"coverage-html": "npm run test-reports && nyc report --reporter lcov && xdg-open coverage/lcov-report/index.html",
 		"start": "http-server public -p 8080",
+		"dev": "esbuild src/browser.ts --bundle --outfile=public/bundle.js --watch --loader:.woff=file --loader:.woff2=file & http-server public -p 8080",
 		"format": "prettier --write .",
 		"format:check": "prettier --check ."
 	},
@@ -38,6 +39,7 @@
 	},
 	"types": "./@types/index.d.ts",
 	"dependencies": {
+		"@fontsource/atkinson-hyperlegible": "^5.2.6",
 		"@types/mocha": "^10.0.1",
 		"@types/node": "^20.10.4",
 		"@types/yargs": "^17.0.32",

public/styles.css

@@ -1,3 +1,7 @@
+:root {
+	--pico-font-family: "Atkinson Hyperlegible", sans-serif;
+}
+
 body {
 	max-width: 600px;
 	margin: 0 auto;

src/browser.ts

@@ -1,4 +1,5 @@
 import { convert } from ".";
+import "@fontsource/atkinson-hyperlegible";
 
 function download(data: string, filename: string, type: string) {
 	var file = new Blob([data], { type: type });