Firefox不尊重SVG文本中的字体大小

时间:2015-04-26 14:02:04

标签: css firefox svg

我遇到的问题是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):enter image description here

以下是Firefox呈现的内容:enter image description here

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

1 个答案:

答案 0 :(得分:5)

您可能设置了最小字体大小。这是一个已知的错误,希望有一天我们能解决它。

取消设置。

Minimum font size