6

I've got vector logo in PSD file. When I export it as AI (Adobe Illustrator) file and then convert to SVG I get something like this:

<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>

This is only a short part of full SVG file but you can see that it creates letters and attempts to use fonts. Which fails...

enter image description here

I rather want it to export SVG file as stand-alone vector that doesn't require any fonts. How can this be done?

4

3 回答 3

4

两种可能：

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

    font-family:'Novecento wide Book';

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

于 2012-10-12T21:18:45.170 回答
1

右键单击 illustrator 等矢量程序中的文本，然后选择大纲文本。无论使用哪种浏览器，这都会保留您的字体。

于 2014-05-20T16:15:41.987 回答
0

我在 IE11、Chrome 和 Firefox 中以这种方式使用了嵌入字体，没有任何问题：

<svg...>
    <text transform="matrix(1 0 0 1 52.1787 206.4395)" fill="#F7F7F7" font-family="'Roboto'" font-weight="400" font-size="16">Lorem Ipsum</text>
</svg>

注意 font-family 属性是双引号的。这就是插画师的做法。请注意使用正确的字体名称。示例的 Illustrator 喜欢放置“'Roboto-Regular'”，这可能不是字体的正确名称

于 2017-02-08T20:53:34.073 回答