问在HTML文本中添加SVG文本并使它们看起来相同

EN

我希望来自HTML页面的文本内容(实际上是一个句子)和SVG文件中的文本内容，并使它们在视觉上相同，并将它们完美地组合在一起:相同的字体、大小、对齐方式等等。

像这样：

<p>
    This HTML content. <svg><text>And this is SVG text</text></svg>. Both look identical!
</p>

问题是，我永远不会提前知道SVG文本的大小。

我使用的是Python (我看到了here，多亏了Pillow，你可以解决视图框的问题)，但我认为JS的一些技巧应该更适合。

有没有办法使用SVG文件参数或CSS来实现矢量和html文本之间的近乎完美的视觉匹配？

谢谢。