Firefox Quantum：未指定单位时，svg属性无效

Question

Firefox Quantum有一个错误，该错误拒绝接受不包含单位的SVG属性值，特别是font-size属性。根据SVG规范，如果没有单位，则将使用默认的“ px”，因此，如果您的SVG的font-size =“ 45”，则将其理解为font-size =“ 45px”。但是在Quantum中它将无效。

以下是规格链接：https://www.w3.org/TR/SVG/coords.html#Units

突出显示的规格的屏幕截图：

编辑：对不起，很抱歉，延迟很长时间。这是我测试过的svg，只需将其复制粘贴并另存为svg。它的字体大小为“ 45”而不是“ 45px”。您会看到文本的字体大小将在Chrome，Safari和Opera中正确显示，而在Firefox Quantum和IE中则无法显示。

<svg xmlns="http://www.w3.org/2000/svg" width="350" height="75" viewBox="0 0 350 75">
<title>MultiStroke</title>
<rect x="0" y="0" width="350" height="75" style="fill: #09f"/>
<g style="overflow:hidden; text-anchor: middle; font-size:45; font-weight: bold; font-family: Impact">
  <text x="175" y="55" style="fill: white; stroke: #0f9; stroke-width: 14"> Stroked Text </text>
  <text x="175" y="55" style="fill: white; stroke: #99f; stroke-width: 8"> Stroked Text </text>
  <text x="175" y="55" style="fill: white; stroke: black; stroke-width: 2"> Stroked Text </text>
</g>
</svg>

Answer 1

您说的是属性，但实际上是在问题中使用CSS样式

style="overflow:hidden; text-anchor: middle; font-size:45; font-weight: bold; font-family: Impact"

这是CSS，单位始终是mandatory in CSS。

font-size="45"

这是一个属性，单位在SVG中是可选的。

如果Chrome，Safari和Opera允许CSS中使用无单位的字体大小，则它们未正确遵循CSS规范。请注意，这并不是Firefox Quantum中的更改，所有版本的Firefox都可以像这样工作。