Fonts 在web上使用特殊字体的SVG

Fonts 在web上使用特殊字体的SVG,fonts,svg,web,font-face,Fonts,Svg,Web,Font Face,我有一个SVG文件,其中使用了一些特殊的(尽管是免费的)字体,我真的很想在浏览器中显示SVG文件时使用它们 我试过: 添加和@font-face元素,指向绝对URL,在部分中添加所有可能的web字体(eot、svg等),但没有成功 将文档中svg字体格式本身的数据添加到部分 但都没有成功 有人知道如何实现这一点的方法吗 注:抱歉,如果我在错误的网站上提问,我无法决定这是一个编码问题还是一个设计问题 编辑 我也遇到了同样的问题,尽管我努力了好几个小时,还是没有找到解决办法。您可以在此处找到测

我有一个SVG文件,其中使用了一些特殊的(尽管是免费的)字体,我真的很想在浏览器中显示SVG文件时使用它们

我试过:

  • 添加
    @font-face
    元素,指向绝对URL,在
    部分中添加所有可能的web字体(eot、svg等),但没有成功
  • 将文档中svg字体格式本身的数据添加到
    部分
但都没有成功

有人知道如何实现这一点的方法吗

注:抱歉,如果我在错误的网站上提问,我无法决定这是一个编码问题还是一个设计问题


编辑

我也遇到了同样的问题,尽管我努力了好几个小时,还是没有找到解决办法。您可以在此处找到测试用例:

测试用例在Opera中工作,而不是在Firefox或Chrome中。还没有测试过IE9。字体面声明仅使用woff格式。

出于安全原因,文件必须完全独立,即它们不能引用任何外部文件。为了让woff字体在Firefox中的图像中工作,您需要将woff数据编码为数据URL并将其嵌入图像中。因此,您将使用
url(数据:application/octet stream;base64,'d09GRg…


有一个在线编码器

字体文件和svg文件在同一个域中吗?是的,但我使用了http://......./fontfile.svg 用于链接。添加了一个测试用例和一个悬赏。啊,废话,这违背了将svg用于轻量级图像的目的。嵌入字体很容易增加50K。我想我会通过
嵌入svg。