Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在移动设备上查看时,SVG图像是否会回到泰晤士报新罗马时代?_Css_Svg_Fonts_Responsiveness - Fatal编程技术网

Css 在移动设备上查看时,SVG图像是否会回到泰晤士报新罗马时代?

Css 在移动设备上查看时,SVG图像是否会回到泰晤士报新罗马时代?,css,svg,fonts,responsiveness,Css,Svg,Fonts,Responsiveness,我的屏幕上有一个SVG图像(我还没有SSL证书,因此在您输入之前它可能会显示一个安全错误),我在制作此图像时使用的字体是Segoe UI。在我的桌面上,它看起来不错,但每当我在移动设备上看到它时,它就会显示为Times New Roman。我曾尝试将此作为一种解决方法,但仍然没有效果: @介质(最大宽度:576px){ } 在css中添加此代码时,我的想法是,如果任何设备无法加载字体,请加载Arial。在上载SVG之前,您需要将所有文本转换为大纲 您可以在Adobe Illustrator中执行

我的屏幕上有一个SVG图像(我还没有SSL证书,因此在您输入之前它可能会显示一个安全错误),我在制作此图像时使用的字体是Segoe UI。在我的桌面上,它看起来不错,但每当我在移动设备上看到它时,它就会显示为Times New Roman。我曾尝试将此作为一种解决方法,但仍然没有效果:

@介质(最大宽度:576px){

}


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

在上载SVG之前,您需要将所有文本转换为大纲


您可以在Adobe Illustrator中执行此操作,方法是选择文本并转到类型>创建大纲

是否有在Adobe xd中执行此操作的方法?这就是我制作图像的地方。我不确定,这个帖子中的最后一个答案可能会有帮助:
 #heroimg {
    font-family: Arial, sans-serif;
 }