Safari使用不同的字体在SVG中呈现文本

问题描述 投票:0回答:1

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

Correct Rendering

这是它应该如何显示。

Safari Rendering

这就是Safari呈现它的方式。

我没有很多在网页设计中使用SVG的经验,但我正在使用CSS将其设置为背景图像,就像我一样。我无法弄清楚我做错了什么。

.titleContainer{
  background-image: url(‘../img/logo.svg’)
}
svg safari mobile-safari
1个回答
1
投票

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

即,在Adobe Illustrator中,您可以选择在导出时勾勒出字体轮廓:

Adobe Illustrator example

© www.soinside.com 2019 - 2024. All rights reserved.