Safari 以不同的字体呈现 SVG 中的文本答案

【问题标题】：Safari renders text in SVG with a different fontSafari 以不同的字体呈现 SVG 中的文本
【发布时间】：2019-09-02 14:55:45
【问题描述】：

我在一个网站上使用 SVG，除了 Safari 之外一切正常。 Safari 以与我用于图形的字体完全不同的字体显示我的 SVG。

这就是它应该显示的方式。

这就是 Safari 的呈现方式。

我没有太多在网页设计中使用 SVG 的经验，但我使用 CSS 将其设置为背景图像，就像我做任何事情一样。我不知道我做错了什么。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：