Firefox和Chrome之间非常简单的SVG不同

时间:2019-06-29 21:12:27

标签: google-chrome firefox svg

我有一个非常简单的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:

enter image description here

铬75.0.3770.90:

enter image description here

1 个答案:

答案 0 :(得分:0)

在所有文本元素上设置font_family="Arial,Helvetica,sans-serif"似乎可以解决此问题。浏览器没有相同的默认字体。