SVG要素のフォントをCSSファイルで宣言できますか？

Question

リンクされたCSSファイルからSVG要素のフォント属性を定義/変更/設定する方法はありますか？すべてのデータをSVGファイル自体に修正する必要がありますか？ 「固定」に重点を置く。 ick。

他の言葉で言えば、次のようなことをしていますか？

SVG：

<svg> 
    <g id="buttonText"> 
    <text id="buttonTextShadow">CLICK ME</text> 
    <text id="buttonTextColor">CLICK ME</text> 
    </g> 
</svg> 

CSS：

#buttonTextColor, #buttonTextShadow { font-family: "OpenSans"; } 
#buttonTextColor { color: #fff; } 
#buttonTextShadow { color: #333; } 

スタイルシートからこれらの事を目標とスタイルできるようにするにはいいだろう...ではない場合、私は適応します...：P

TIA！

WR！

Answer 1

これは機能しているようですが、ご希望の場合はidを直接ターゲットに設定することができます。

<svg> 
    <defs> 
    <style type="text/css"> 
     @font-face { 
     font-family: "OpenSans"; 
     src: url('/path/to/font.woff'); 
     } 

     #buttonText { 
     font-family: "OpenSans"; 
     } 
    </style> 
    </defs> 
    <g id="buttonText"> 
    <text id="buttonTextShadow">CLICK ME</text> 
    <text id="buttonTextColor">CLICK ME</text> 
    </g> 
</svg>