渲染样式属性(@style vs font-size)

时间:2012-04-30 10:17:18

标签: svg svg-font

我发现在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,所以可能有全局属性可以影响这个。

1 个答案:

答案 0 :(得分:2)

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

当指定为SVG属性时,单位对于font-size是可选的,尽管SVG规范涵盖了该用法和语法。