Html 移动设备上的SVG图像不是'；不能正确显示

我刚刚在我的个人网站上添加了一个SVG图像作为徽标，但当我在我的移动设备上查看图像时，它会显示出来，但字体不同。那是我的问题。我该如何解决这个问题

我添加SVG的方式与添加普通图像的方式相同

<img src="images/logo.svg">

我觉得这不是添加SVG图像的正确方法，对于不支持SVG的浏览器，我也没有退路，所以如果有人能提供如何做到这一点的建议，那就太好了

---

感谢使用

如果您从Ilustrator（例如）创建.svg，首先确保从文本对象创建轮廓，然后将对象导出到.svg文件，该文件将从任何（现代）浏览器中读取。

您始终可以拍摄svg的屏幕截图，并在绘制编辑器中对其进行编辑，使其成为PNGY，但我更愿意为视网膜显示保留SVG，并为不支持SVG图像的浏览器/设备创建备用。我只是不知道怎么做。请看SVG功能检查。如果JavaScript不支持SVGDo，您可能可以调整JavaScript来更改它试图显示的图像。您对这个问题还有疑问吗？如果没有，请毫不犹豫地接受它。：-）对不起，我周末不在。我还在努力解决这个问题，是的。我想知道问题是否在于我使用的字体不受浏览器支持；这是“Gunny重写的”。它也不在谷歌字体上，所以我不能将其嵌入SVG代码中。正如我所说，SVG在使用任何桌面浏览器时都能正确显示，就在我在iPhone 6或Safari上使用google时。如果字体是非标准或嵌入式的，浏览器就无法显示它。如果您的本地系统安装了字体，则可能会显示该字体，但在其他任何地方都不会显示。如果你有一个有效的字体许可证，你应该嵌入它。我该如何嵌入字体？我不想用css改变你看到的字体。在svg的

中的

标记中定义字体资源：

@font-face{font-family:'Gunny-rewrited'；src:url（'gunnyrewrited.woff'）；}

document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1")

<defs>
  <style type="text/css">
    @font-face {
      font-family: 'Gunny Rewritten';
      src: url('GunnyRewritten.woff');
    }
  </style>
</defs>