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( - ({ 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 }