html - 移动设备上的 SVG 图像无法正常显示

标签 html mobile svg responsive

我刚刚将 SVG 图像添加到我的个人网站作为 Logo ,但是当我在移动设备上查看该图像时,它会显示,但字体不同。这是我的问题。我该如何解决这个问题?

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

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

我感觉这不是添加 SVG 图像的正确方法,对于不支持 SVG 的浏览器我也没有后备方案,因此如果有人可以提供有关如何执行此操作的建议,那就太好了。

谢谢

最佳答案

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

关于html - 移动设备上的 SVG 图像无法正常显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38268577/

相关文章:

html - 将 Div 保持在行中

javascript - 标题消息就像在 Stack Overflow 中一样

css - 如何使 Css 顺应图像

javascript - 使用 JavaScript 确定网站是否在移动设备上响应

html - SVG 中特定矩形的 CSS 选择器

javascript - 如何防止提交表单并改为调用 jquery ajax

android - Android 上的 Firefox 浏览器在链接上以灰色突出显示

java - 从网络浏览器获取图像并在应用程序中进行编辑

javascript - 为什么要将 D3 源代码复制到 Angular 服务中?

css - SVG 字体是否仍可在 Google Chrome 中使用?