SVG不在Firefox中渲染字体(适用于IE9和Chrome)

Question

我在PSD文件中有矢量标志.当我将其导出为AI(Adobe Illustrator)文件然后转换为SVG时,我得到这样的内容:

<tspan
             x="0 34.799999 68.75"
             y="0"
             id="tspan22"
             style="font-size:50px;font-variant:normal;font-weight:bold;font-stretch:normal;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;font-family:Novecento wide Book;-inkscape-font-specification:Novecentowide-Bold">AI</tspan>

这只是完整SVG文件的一小部分,但您可以看到它创建字母并尝试使用字体.哪个失败了......

我宁愿它将SVG文件导出为不需要任何字体的独立向量.如何才能做到这一点？

Answer 1

两种可能性：

1. 假设 Firefox 无法识别整个字符串，请尝试在字体系列名称两边加上单引号，如下所示：

   font-family:'Novecento wide Book';

2. 在导出为 SVG 之前，尝试将 AI 或 PSD 中的文本转换为矢量/形状。这将消除对任何字体系列的依赖，这是一个考虑因素，特别是如果您打算在网络上发布它。应该这样完美地工作。