SVG、XML 和字体系列

Question

我希望能获得更多关于在 SVG 中格式化文本的最佳方式的信息
w3提供了这个
http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html#text_methods

但没有指定如何构建字体堆栈，我尝试将以下 xml 代码视为 css(如一些建议)，但我没有运气。

font-family:Times New Roman;
-inkscape-font-specification:Times New Roman

问题。如何根据 css 为 svg 构建字体堆栈？

(我对 font-face 或 svg 字体不太感兴趣，因为我相信从我所读到的内容中，它们目前并没有得到广泛的支持。)

我试图在 xml 中以这些模式格式化文本，但没有运气；

 font-family:Verdana,Times New Roman;
 font-family:'Verdana,"Times New Roman"';
 font-family:Verdana,"Times New Roman";
 font-family:'Verdana,Times New Roman';

编辑
我也从 w3 找到了这个
http://www.w3.org/TR/SVG/text.html#FontPropertiesUsedBySVG
它告诉我按照 http://www.w3.org/TR/2008/REC-CSS2-20080411/fonts.html#font-specification 关注 css
但是像 css (font-family:"Times New Roman",Times,serif;) 一样把它放进去是行不通的。

Answer 1

font-family 属性与 CSS 定义的相同，因此您可以根据需要指定字体堆栈。

使用属性的示例:

<svg xmlns="http://www.w3.org/2000/svg">
  <text x="10" y="100" 
   font-family="'Times New Roman', Times, serif" font-size="48">
    Some text
  </text>
</svg>

或者更好的是，使用类:

<svg xmlns="http://www.w3.org/2000/svg">
  <style>
    .seriftext {
      font-family: 'Times New Roman', Times, serif;
      font-size: 48px;
    }
  </style>
  <text x="10" y="100" class="seriftext">
    Some text
  </text>
</svg>