Question

我正在网站上使用SVG，并且除了Safari之外，其他所有功能都正常运行。 Safari用与我用于图形显示的字体完全不同的字体显示我的SVG。

这是应该显示的方式。

这是Safari呈现的方式。

我没有在网页设计中使用SVG的经验，但是我正在使用CSS像任何其他方式一样将其设置为背景图像。我不知道自己在做什么错。

.titleContainer{
  background-image: url(‘../img/logo.svg’)
}

Answer 1

这很可能是因为从设计程序中导出SVG时应“转换为轮廓”。我可以想象您选择嵌入字体。

在Adobe Illustrator中，您可以选择在导出时勾勒出字体的轮廓：