在<mask> </mask>中使用SVG字体

时间:2012-07-20 19:33:41

标签: svg

我有一个由Illustrator生成的SVG文件,我稍微进行了修改,因此我可以将它用作Webkit和Gecko上的掩码。

该文件包含我需要存储在<font>中的字形,并带有已定义的字体系列。在有<text>元素之后。这是Webkit直接用于创建掩码的内容。 font-family值与定义的字体相关,并且可以正确呈现。

然后我有一个<mask>元素(因为Firefox只能使用它),里面有相同的<text>元素。它呈现,但由于某种原因,正在声明的字体系列将无法工作。我觉得这很简单,但我对SVG的经验很少(虽然现在我知道的比我做的多得多!)

基本上如何让掩码中的元素能够到达<font>元素?

1 个答案:

答案 0 :(得分:1)

Firefox不支持SVG字体。使用this等内容将SVG字体转换为woff字体。