在移动设备上查看时，SVG 图像回退到 Times New Roman？

Question

我的website 上有一个 SVG 图像（我还没有 SSL 证书，因此在您输入之前它可能会显示一个安全错误），并且我在制作此图像时使用的字体是 Segoe UI。在我的桌面上看起来不错，但是每当我在移动设备上查看它时，它都会显示为 Times New Roman。我已尝试将其作为解决方法，但仍然没有好处：

@media（最大宽度：576px）{

 #heroimg {
    font-family: Arial, sans-serif;
 }

}

在我的 css 中添加此代码时，我的想法是，如果任何设备都无法加载字体，请加载 Arial。

Answer 1

在上传 SVG 之前，您需要将所有文本转换为轮廓。

您可以在 Adob​​e Illustrator 中执行此操作，方法是选择文本并转到 类型 > 创建轮廓