使用SVG字體<mask>

Question

我有一個由Illustrator生成的SVG文件，我稍微修改了一下，以便我可以將它用作Webkit和Gecko上的遮罩。

該文件具有我需要存儲在帶有定義的字體系列的<font>中的字形。緊接着有一個<text>元素。這是Webkit直接用來創建掩碼的內容。 font-family值與所定義的字體相關，並且正確呈現。

然後我有一個<mask>元素（因爲Firefox只能使用它），它內部有相同的<text>元素。它呈現，但由於某種原因，正在宣佈的字體家族將無法工作。我覺得這是簡單的東西，但是我對SVG的經驗很少（儘管現在我知道比我更多的地獄！）

基本上我如何獲得蒙版內的元素能夠達到<font>元素？

Answer 1

Firefox不支持SVG字體。使用類似this的東西將SVG字體轉換爲woff字體。