Очень простой SVG отличается между Firefox и Chrome

Question

У меня очень простой 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>

Firefox 67 в Linux:

Хром 75.0.3770.90:

Answer 1

Кажется, установка font_family="Arial,Helvetica,sans-serif" на всех текстовых элементах решила проблему. Браузеры не имеют одинаковый шрифт по умолчанию.