我遇到的问题是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呈现的内容:
我找不到我做错了什么。有任何想法吗?感谢。
答案 0 :(得分:5)
您可能设置了最小字体大小。这是一个已知的错误,希望有一天我们能解决它。
取消设置。