add font

Author: dottmp

bun.lock

@@ -61,6 +61,7 @@
 		"wrangler": "^4.76.0"
 	},
 	"dependencies": {
+		"@fontsource/courier-prime": "^5.2.8",
 		"fast-xml-parser": "^5.5.8",
 		"isomorphic-dompurify": "^3.4.0",
 		"js-yaml": "^4.1.1",

package.json

@@ -2,6 +2,10 @@
 @import 'tailwindcss';
 @plugin '@tailwindcss/typography';
 
+.ascii {
+	font-family: 'Courier Prime', monospace;
+}
+
 /*----------------------------------------------------------------------*/
 /* daisyui themes                                                       */
 /*----------------------------------------------------------------------*/

src/app.css

@@ -5,11 +5,11 @@
 	import { cn } from '$lib/utils/cn';
 
 	export let brandVariants = {
-		base: 'leading-none whitespace-pre text-primary',
+		base: 'ascii whitespace-pre text-primary leading-none',
 		size: {
-			lg: 'text-[6px] sm:text-xs md:text-sm',
+			lg: 'text-[6px] sm:text-xs md:text-sm  ',
 			default: 'text-xs',
-			xs: 'text-[4px]'
+			xs: 'text-[4px] '
 		}
 	} as const;
 
@@ -22,8 +22,10 @@
 	let { class: className, size = 'default', ...props }: BrandProps = $props();
 </script>
 
-<pre
-	class={cn(brandVariants.base, brandVariants.size[size], className)}
-	aria-disabled="true"
-	{...props}>{brand}
-</pre>
+<div>
+	<pre
+		class={cn(brandVariants.base, brandVariants.size[size], className)}
+		aria-disabled="true"
+		{...props}>{brand}</pre>
+	<span class="sr-only">10xPrivacy</span>
+</div>