2012-07-20 25 views
0

我有一个由Illustrator生成的SVG文件,我稍微修改了一下,以便我可以将它用作Webkit和Gecko上的遮罩。使用SVG字体<mask>

该文件具有我需要存储在带有定义的字体系列的<font>中的字形。紧接着有一个<text>元素。这是Webkit直接用来创建掩码的内容。 font-family值与所定义的字体相关,并且正确呈现。

然后我有一个<mask>元素(因为Firefox只能使用它),它内部有相同的<text>元素。它呈现,但由于某种原因,正在宣布的字体家族将无法工作。我觉得这是简单的东西,但是我对SVG的经验很少(尽管现在我知道比我更多的地狱!)

基本上我如何获得蒙版内的元素能够达到<font>元素?

+1

你可以发布jsfiddle吗? – Ben 2012-07-20 19:38:46

回答

1

Firefox不支持SVG字体。使用类似this的东西将SVG字体转换为woff字体。

+0

这工作就像一个魅力。对于好奇的人,可以使用SVG文件中的'