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

Question

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

@ media（最大宽度：576像素）{

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

}

我在CSS中添加此代码时的思考过程是，以防万一任何设备都无法加载字体，请加载Arial。

Answer 1

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

您可以在Adobe Illustrator中通过选择文本并转到Type> Create Outlines

来完成此操作