Firefox 不考虑 SVG 文本中的字体大小

Question

我运行遇到一个问题，Firefox 似乎没有将 font-size 属性（在 CSS 中设置）应用到 SVG text元素。

下面的示例足以在 Firefox 上重现该问题：

    <svg width="40em" height="25em" viewBox="0 0 40 25">
        <style type="text/css"><![CDATA[
            text { font-size: 1px; }
            text.foo { font-size: 2px; }
        ]]></style>
        <text x="0" y="10" class="foo">Hello, world! foo</text>
        <text x="0" y="20">Hello, world! bar</text>
    </svg>

这是预期结果 (Chromium)：

这是 Firefox 呈现的内容：

我找不到我做错了什么。有任何想法吗？谢谢。

Answer 1

您可能设置了最小字体大小。这是一个已知错误，希望我们有一天会修复它。

像这样取消设置。

Firefox 不考虑 SVG 文本中的字体大小

Firefox doesn't respect font-size in SVG text

css

firefox

svg