我已经制作了一个带有文字的形状并将其保存为svg（在ilustrator中）。我选择的字体（AndaleMono）在Chrome，Safari和Opera上正常运行，但Firefox正在渲染另一种默认字体。
我想在浏览器中显示形状中的文字，可以显示＆＃39; custom＆＃39; Firefox a＆＃39;中的字体和显示＆＃39;带有从@ font-face规则中获取的文本字体的标记
html树看起来像这样：
<svg class="text-shape">
<polygon points="-13.878,39.319 47.762,-3.634 389.206,108.691 323.906,147.925 "/>
<text transform="matrix(1 0 0 1 25.9165 19.0337)"><tspan x="0" y="0" font-family="'AndaleMono'" font-size="12">O es una </tspan><tspan x="-20.665" y="14.4" font-family="'AndaleMono'" font-size="12">mesa de centro </tspan><tspan x="-13.328" y="28.8" font-family="'AndaleMono'" font-size="12">cortada a laser</tspan></text>
</svg>
<p>O es una mesa de centro cortada a laser</p>
svg元素应仅显示在适当的浏览器中（并且不显示段落标记），反之亦然。
感谢