diff --git a/src/lib/get-costume-url.js b/src/lib/get-costume-url.js index 2ecb196c2d566332a06a366060a8132096866ed8..7c4b6657243d5004299787bea310ea1cd2e23b52 100644 --- a/src/lib/get-costume-url.js +++ b/src/lib/get-costume-url.js @@ -1,5 +1,5 @@ import storage from './storage'; -import {SVGRenderer} from 'scratch-svg-renderer'; +import {inlineSvgFonts} from 'scratch-svg-renderer'; // Contains 'font-family', but doesn't only contain 'font-family="none"' const HAS_FONT_REGEXP = 'font-family(?!="none")'; @@ -21,9 +21,7 @@ const getCostumeUrl = (function () { if (asset.assetType === storage.AssetType.ImageVector) { const svgString = asset.decodeText(); if (svgString.match(HAS_FONT_REGEXP)) { - const svgRenderer = new SVGRenderer(); - svgRenderer.loadString(svgString); - const svgText = svgRenderer.toString(true /* shouldInjectFonts */); + const svgText = inlineSvgFonts(svgString); cachedUrl = `data:image/svg+xml;utf8,${encodeURIComponent(svgText)}`; } else { cachedUrl = asset.encodeDataURI();