渲染样式属性（@style vs font-size）答案

【问题标题】：Rendering style attributes (@style vs font-size)渲染样式属性（@style vs font-size）
【发布时间】：2012-04-30 10:17:18
【问题描述】：

我发现在 IE 和 Firefox 上，SVG 的 @style 属性不呈现字体大小，但 @font-size 属性有效。（我不确定失败的显示器是否太小而无法看到，没有颜色或根本不显示）。

<text style=" stroke:green; fill:black; font-size:26.548;"  
       x="265.1651888" y="737.1567768" >o</text> 
<!-- fails to render -->

<text style=" stroke:blue; fill:black; "  x="265.1651888" y="737.1567768"
       font-size="16.548">o</text> 
<!-- renders OK -->

标准似乎暗示@style 和特定属性是替代品。它是否正确？如果是这样，这是浏览器的限制吗？什么是防御性编码（例如，为了安全起见，我应该始终使用两者吗？）。我正在生成自己的 SVG，所以可能有全局属性会影响这一点。

【问题讨论】：

标签： svg svg-font

【解决方案1】：

这是正确的，如果您根据http://www.w3.org/TR/CSS2/fonts.html#font-size-props 通过 CSS 指定字体大小，则必须输入单位。

当指定为 SVG 属性时，字体大小的单位是可选的，因为 SVG 规范涵盖了该用法和语法。

【讨论】：

非常有帮助。我一直在使用 Batik 的输出，它创建了没有单位的 @style 用法。我不认为我做错了什么，如果不是，那似乎是一个错误。