diff --git a/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx b/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx index 6af17c23..fabeb010 100644 --- a/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx +++ b/src/ts-default/TextAnimations/FuzzyText/FuzzyText.tsx @@ -61,8 +61,8 @@ const FuzzyText: React.FC = ({ const computedFontFamily = fontFamily === 'inherit' ? window.getComputedStyle(canvas).fontFamily || 'sans-serif' : fontFamily; - const fontSizeStr = typeof fontSize === 'number' ? \`\${fontSize}px\` : fontSize; - const fontString = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + const fontSizeStr = typeof fontSize === 'number' ? `${fontSize}px` : fontSize; + const fontString = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; try { await document.fonts.load(fontString); @@ -89,7 +89,7 @@ const FuzzyText: React.FC = ({ const offCtx = offscreen.getContext('2d'); if (!offCtx) return; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; let totalWidth = 0; @@ -118,7 +118,7 @@ const FuzzyText: React.FC = ({ offscreen.height = tightHeight; const xOffset = extraWidthBuffer / 2; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; if (gradient && Array.isArray(gradient) && gradient.length >= 2) { diff --git a/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx b/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx index 6af17c23..fabeb010 100644 --- a/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx +++ b/src/ts-tailwind/TextAnimations/FuzzyText/FuzzyText.tsx @@ -61,8 +61,8 @@ const FuzzyText: React.FC = ({ const computedFontFamily = fontFamily === 'inherit' ? window.getComputedStyle(canvas).fontFamily || 'sans-serif' : fontFamily; - const fontSizeStr = typeof fontSize === 'number' ? \`\${fontSize}px\` : fontSize; - const fontString = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + const fontSizeStr = typeof fontSize === 'number' ? `${fontSize}px` : fontSize; + const fontString = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; try { await document.fonts.load(fontString); @@ -89,7 +89,7 @@ const FuzzyText: React.FC = ({ const offCtx = offscreen.getContext('2d'); if (!offCtx) return; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; let totalWidth = 0; @@ -118,7 +118,7 @@ const FuzzyText: React.FC = ({ offscreen.height = tightHeight; const xOffset = extraWidthBuffer / 2; - offCtx.font = \`\${fontWeight} \${fontSizeStr} \${computedFontFamily}\`; + offCtx.font = `${fontWeight} ${fontSizeStr} ${computedFontFamily}`; offCtx.textBaseline = 'alphabetic'; if (gradient && Array.isArray(gradient) && gradient.length >= 2) {