SVG浏览器错误 - wp_remote_get（）

Question

我正在使用WordPress网站并拥有一系列＆＃34;图标块＆＃34;其中包含 svg 的选择器，以及每个图标块所需的其他一些细节。在我的模板文件中，我循环遍历这些块并使用wp_remote_get()提取所选 svg 文件的内容并将其插入我的页面的html。

虽然我正在撤回三个独特文件的内容，但第一个文件正在显示3次，这里是截图（这是在Chrome中）：

但是，如果我在Safari中打开相同的页面，我会获得相同的重复图标，但图标不同。这是Safari截图：

如果你在页面上的svg上运行了一个dif，它们确实是不同的svgs。

任何帮助将不胜感激。 Here是指向暂存网站的链接，如果您想在那里查看它。

Answer 1

确保使用唯一ID - 三个SVG代码段重复一些。行

<clipPath id="clip-path">

和

<g style="clip-path:url(#clip-path)">

导入后，它们都是同一文档的一部分，引用失败。