Illustratorで生成されたSVGファイルを少し変更したので、WebkitとGeckoの両方でマスクとして使用できます。
このファイルには<font>
、定義されたフォントファミリとともに保存する必要のあるグリフが含まれています。要素がある直後<text>
。これは、Webkitがマスクを作成するために直接使用するものです。font-family値は定義されたフォントと相関しており、正しくレンダリングされます。
次に<mask>
、同じ要素を含む要素があります(Firefoxはそれしか使用できないため)<text>
。レンダリングされますが、何らかの理由で、宣言されているフォントファミリが機能しません。これは単純なことのように感じますが、SVGの経験はほとんどありません(ただし、今では私よりもはるかに多くのことを知っています!)
基本的に、マスク内の要素を要素に到達できるようにするにはどうすればよい<font>
ですか?