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

【问题标题】：Firefox doesn't respect font-size in SVG textFirefox 不尊重 SVG 文本中的字体大小
【发布时间】：2015-07-04 21:26:42
【问题描述】：

我遇到了一个问题，即 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 呈现的内容：

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

【问题讨论】：

无法在 MacO 上重现 FF 38.0 和 40.0
你能用你的操作系统在 html 元素上用相同的字体渲染 1px 字体大小的文本吗？
您是否在 Firefox 偏好设置中设置了最小字体大小？
@RobertLongson：就是这样。请回答，以便我接受你！

标签： css firefox svg

【解决方案1】：

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

像这样取消设置。

【讨论】：