Javascript 如何正确获取svg样式并附加到Raphael？

我有一个svg文件并使用Raphael库。我的svg文件包含以下样式：

<defs>
  <style type="text/css">
   <![CDATA[
    .fil1 {fill:#2B2A29}
    .fil0 {fill:#009846;fill-opacity:1}
    .fnt0 {font-weight:bold;font-size:10.9996;font-family:'Arial'}
   ]]>
  </style>
  <filter id="Filter" filterUnits="userSpaceOnUse" x="0" y="0" width="660" height="400">
    <feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/>
    <feOffset in="blur" dx="0" dy="3" result="offsetBlur"/>
    <feMerge>
        <feMergeNode in="offsetBlur"/>
        <feMergeNode in="SourceGraphic"/>
    </feMerge>
  </filter>
 </defs>

。。。

如您所见，

defs

标记为空

我尝试手动添加样式：

$('defs').append('<style type="text/css"><![CDATA[.fil1 {fill:#2B2A29}.fil0 {fill:#009846;fill-opacity:1}.fnt0 {font-weight:bold;font-size:10.9996;font-family:'Arial'}]]></style><filter id="Filter" filterUnits="userSpaceOnUse" x="0" y="0" width="660" height="400"><feGaussianBlur in="SourceAlpha" stdDeviation="3" result="blur"/><feOffset in="blur" dx="0" dy="3" result="offsetBlur"/><feMerge><feMergeNode in="offsetBlur"/><feMergeNode in="SourceGraphic"/></feMerge></filter>');

$（'defs'）。追加（“”）；

但是，我得到了一个错误：

missing ) after argument list

...ght:bold;font-size:10.9996;font-family:'Arial'}]]></style><filter id="Filter" fi...

缺少）在参数列表之后
…ght：粗体；字号：10.9996；font-family:'Arial'}]>
font-family:'Arial'
至
font-family:“Arial”
请注意，如果仅通过添加样式元素来设置节点样式，则在旧的IE版本中可能无法正常工作，很可能您必须使用raphaël API将填充/font系列/etc设置为属性。
字体系列：'Arial'
到
字体系列：“Arial”
请注意，如果您仅通过添加样式元素来设置节点样式，则在旧的IE版本中可能无法正常工作，您很可能需要使用raphaëlapi将fill/font系列/etc设置为属性。
missing ) after argument list

...ght:bold;font-size:10.9996;font-family:'Arial'}]]></style><filter id="Filter" fi...