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