【发布时间】:2012-01-27 15:12:21
【问题描述】:
我有一个 SVG 文件,其中使用了一些特殊的(尽管是免费的)字体,我真的很想在 svg 文件显示在浏览器中时使用它们。
我试过了:
- 添加
<style>和@font-face元素,指向绝对 URL,在<defs></defs>部分内添加所有可能的网络字体(eot、svg 等),但未成功 - 将文档内svg字体格式本身的数据添加到
<defs></defs>部分
但都没有成功。
有没有人知道如何实现这一点的方法?
P.S.:抱歉,如果我在错误的网站上提问,我无法确定这是编码问题还是设计问题。
编辑
我遇到了同样的问题,尽管尝试了几个小时我还没有找到解决方案。你可以在这里找到测试用例:http://editor.method.ac/font-files/test.html
测试用例在 Opera 中有效,在 Firefox 或 Chrome 中无效。没有测试过IE9。字体声明仅使用 woff 格式。
【问题讨论】:
-
字体文件是否与您的 svg 文件在同一个域中?
-
是的,但我使用 http://......./fontfile.svg 进行链接。
-
添加了一个测试用例和一个赏金。