在当前版本的 Inkscape 中似乎还不能嵌入SVG 字体(另见这里的一个小例子)。
在0.48 发行说明中:
存在一个已知限制,即对话框中的字形列表尚未以所选字体呈现,但仍以系统字体呈现
在0.47 发行说明中有更详细的限制说明:
作为 SoC 2008 项目,JucaBlues 实现了 SVG 字体的初始解析和渲染。您可以在 Inkscape 中设计字体,但尚不支持使用它们在画布上呈现文本。我们正在等待 libpango 实现对用户字体功能的适当支持。
Firefox 或 Internet Explorer 不支持 SVG 字体的渲染,Inkscape Wiki告诉我们:
SVG2.0 可能会用WOFF代替 SVG 字体
(让我们等着看)
目前,按照本教程,我能够在 SVG 中嵌入 WOFF 字体:
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%" viewBox="30 40 340 135">
<title>WebFont Template for SVG</title>
<style type="text/css"><![CDATA[
@font-face {
font-family: "indie_flower";
src: url("indie_flower.woff") format("woff");
font-weight: normal;
font-style: normal;
}
text {
font-family: "indie_flower", serif;
font-size: 40px;
fill: silver;
stroke: gray;
stroke-width: 0.5px;
text-anchor: middle;
}
textPath {
font-size: 35px;
text-anchor: start;
fill: silver;
stroke: none;
}
]]></style>
<text x="200" y="80">http://schepers.cc/svg-webfonts</text>
<path id="curve" d="M75,170 C150,140 200,140 250,160" fill="none"/>
<text><textPath xlink:href="#curve">Google Indie Flower</textPath></text>
</svg>
字体是在这个 url之后本地复制的(从这里获取)并获得下载链接(方便地重命名为“indie_flower.woff”)。
SVG 文件使用本地字体并且渲染良好(在 Windows 8.1 下使用 Firefox 34、Chrome 39 和 Internet Explorer 11 进行测试)。使用本地字体我无法链接 SVG 文件,您必须接受屏幕截图:
不幸的是(见上文),Inkscape目前无法渲染它并使用默认字体。
目前……让我们拭目以待。