From 3df78a98d6c3a53f7ebe335b0bbcddaf303db89d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=94?= <drcmda@gmail.com>
Date: Wed, 1 Nov 2023 00:33:59 +0100
Subject: [PATCH] fix: ascii font

---
 src/effects/ASCII.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/effects/ASCII.tsx b/src/effects/ASCII.tsx
index 0cf22f9..6eec07d 100644
--- a/src/effects/ASCII.tsx
+++ b/src/effects/ASCII.tsx
@@ -115,10 +115,20 @@ class ASCIIEffect extends Effect {
 }
 
 export const ASCII = forwardRef<ASCIIEffect, IASCIIEffectProps>(
-  ({ characters = ` .:,'-^=*+?!|0#X%WM@`, fontSize = 54, cellSize = 16, color = '#ffffff', invert = false }, fref) => {
+  (
+    {
+      font = 'arial',
+      characters = ` .:,'-^=*+?!|0#X%WM@`,
+      fontSize = 54,
+      cellSize = 16,
+      color = '#ffffff',
+      invert = false,
+    },
+    fref
+  ) => {
     const effect = useMemo(
-      () => new ASCIIEffect({ characters, fontSize, cellSize, color, invert }),
-      [characters, fontSize, cellSize, color, invert]
+      () => new ASCIIEffect({ characters, font, fontSize, cellSize, color, invert }),
+      [characters, fontSize, cellSize, color, invert, font]
     )
     return <primitive ref={fref} object={effect} />
   }