在移动设备上查看时，SVG 图像会回落到 Times New Roman 吗？
SVG image falling back to Times New Roman when viewed on a mobile device?
我的 website 上有一张 SVG 图片（我还没有 SSL 证书，所以它可能会在您输入之前显示安全错误），制作这张图片时我使用的字体是 Segoe UI。在我的桌面上它看起来不错，但是每当我在移动设备上查看它时，它都会显示为 Times New Roman。我已经试过这个作为解决方法，但仍然没有用：
@media（最大宽度：576px）{
#heroimg {
font-family: Arial, sans-serif;
}
}
我在 css 中添加此代码时的想法是，如果任何设备无法加载字体，请加载 Arial。
您需要在上传 SVG 之前将所有文本转换为轮廓。
您可以在 Adobe Illustrator 中执行此操作，方法是选择文本并转到 类型 > 创建轮廓
我的 website 上有一张 SVG 图片（我还没有 SSL 证书，所以它可能会在您输入之前显示安全错误），制作这张图片时我使用的字体是 Segoe UI。在我的桌面上它看起来不错，但是每当我在移动设备上查看它时，它都会显示为 Times New Roman。我已经试过这个作为解决方法，但仍然没有用：
@media（最大宽度：576px）{
#heroimg {
font-family: Arial, sans-serif;
}
}
我在 css 中添加此代码时的想法是，如果任何设备无法加载字体，请加载 Arial。
您需要在上传 SVG 之前将所有文本转换为轮廓。
您可以在 Adobe Illustrator 中执行此操作，方法是选择文本并转到 类型 > 创建轮廓