我有一个非常简单的SVG,在Firefox和Chrome之间呈现的方式有所不同,我也不知道为什么。有什么建议么?我不想使用任何CSS对样式进行特殊样式化以使其保持同步,但是却拥有一个简单的独立SVG。
<?xml version="1.0" encoding="utf-8" ?>
<svg baseProfile="tiny" height="400.0" version="1.2" width="400.0" xmlns="http://www.w3.org/2000/svg">
<rect fill="#fff" fill-opacity="0" stroke="#000" height="90.0" rx="5.0" ry="5.0" stroke-width="3" width="350.0" x="0" y="0"/>
<text font-size="18.0" stroke="#000" text-anchor="start" x="5.0" y="51.0">func: foo_bar_longer</text>
<text font-size="18.0" stroke="#000" text-anchor="end" x="345.0" y="51.0">class: bar_foo_longer</text>
</svg>
Linux上的Firefox 67:
铬75.0.3770.90:
答案 0 :(得分:0)
在所有文本元素上设置font_family="Arial,Helvetica,sans-serif"
似乎可以解决此问题。浏览器没有相同的默认字体。