Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Firefox中除了衬线和无衬线以外的SVG字体?_Firefox_Svg_Fonts_Vector Graphics - Fatal编程技术网

Firefox中除了衬线和无衬线以外的SVG字体?

Firefox中除了衬线和无衬线以外的SVG字体?,firefox,svg,fonts,vector-graphics,Firefox,Svg,Fonts,Vector Graphics,我在Firefox中呈现的嵌入式SVG文件中使用字体(v26,“夜间”和未来版本)。除了两种字体衬线和无衬线,还有什么可用的 我的SVG是在Adobe Illustrator中生成的。我不能使用大纲作为解决方法,因为我将使用动态生成的标签文本来注释SVG 除了使用大纲,使用自定义的文本元素注释SVG文档,以便在Firefox中正确呈现的过程是什么?不幸的是,Mozilla无限期地推迟SVG字体的实现,以关注WOFF。事实上,这个bug甚至在Bugzilla上被标记为“RESOVLVEDWONTF

我在Firefox中呈现的嵌入式SVG文件中使用字体(v26,“夜间”和未来版本)。除了两种字体
衬线
无衬线
,还有什么可用的

我的SVG是在Adobe Illustrator中生成的。我不能使用大纲作为解决方法,因为我将使用动态生成的标签文本来注释SVG


除了使用大纲,使用自定义的
文本
元素注释SVG文档,以便在Firefox中正确呈现的过程是什么?

不幸的是,Mozilla无限期地推迟SVG字体的实现,以关注WOFF。事实上,这个bug甚至在Bugzilla上被标记为“RESOVLVEDWONTFIX”。这是的链接和上的链接

诚然,我对SVG字体了解不够,不知道
CSS@Font-face
元素是否有效,我还看到了对Openfont的引用

关于使SVG呈现漂亮字体 Firefox完全可以用自定义字体显示SVG
文本。例如,可以按如下方式进行:

 <svg>
   <style>
     @import url(http://fonts.googleapis.com/css?family=Varela+Round);
     text { font-family:Varela Round, sans-serif; }
   </style>
   <text y="20">I will appear in a custom font</text>
 </svg>
(在当前流行的浏览器中,只有Firefox支持地址栏中的数据URL。此外,如果将数据的MIME更改为
image/svg+xml
,则在Firefox中无法工作


在对这个问题之前的回答的评论中,Robert Longson还使用
分享了一个链接。我觉得把Internet Explorer和Firefox放在昨天不符合标准的浏览器的同一个类别很奇怪。但我想这是Mozilla的选择。FF和IE的一个区别是。我可以确认
@font-face
也适用于Firefox,因此燃烧的Mozilla似乎没有必要,也有点粗鲁。下面的Mozilla文档表明,
@font-face
不适用于SVG和Firefox:当然可以:尝试此链接相信我,我不想在Firefox上发布响应,因为它是我最喜欢的浏览器。我简直不敢相信什么我读了。我很高兴这里有一个通过CSS的解决方案。这个问题是关于使用SVG定义的字体,还是导入一个特定的字体在SVG中使用?我很困惑,因为赏金消息似乎是针对前一种情况的,但问题中没有具体提到SVG字体。我没有权利o重新发布“美丽”字体有问题,所以虽然我很感谢你花时间写这篇文章,但我不能用你的答案来解决Firefox出现的奇怪错误,Mozilla开发人员显然故意选择忽略它。@Jeremy尽管这个答案在OP案例中没有帮助,但我发现它在我自己的用例中非常有用.@Alex Reynolds如果不允许分发字体,可以在保存为SVG之前对文本进行矢量化。正如我在问题中指出的,我不能使用大纲,因为我将在SVG中呈现动态生成的文本。
data:text/html, <svg><style>@import url(http://fonts.googleapis.com/css?family=Varela+Round);text { font-family:Varela Round, sans-serif; }</style><text y="20">I will appear in a custom font</text></svg>)