我正在尝试在网页上显示SVG图像。SVG图像包含自定义字体。为了使Chrome(和其他浏览器)加载SVG中使用的WebFont,我在SVG中添加了以下内容。
<defs>
<style>
@import url('https://fonts.googleapis.com/css?family=<font>');
</style>
</defs>
Run Code Online (Sandbox Code Playgroud)
通过添加对象元素将图像添加到HTML页面。这在加载字体并在Chrome和Firefox中使用定义的WebFont渲染图像中的文本时起作用。
但是在Chrome中,控制台中会记录以下错误:
Uncaught (in promise) TypeError: Cannot read property 'querySelectorAll' of null
at e.getInputs (onloadwff.js:71)
at e.<anonymous> (onloadwff.js:71)
at onloadwff.js:71
at Object.next (onloadwff.js:71)
at a (onloadwff.js:71)
Run Code Online (Sandbox Code Playgroud)
我曾尝试寻找类似的问题,但未能找到答案。关于Chrome中可能出现的问题或如何进一步调查该问题的任何想法?