Html 如何使SVG中的字体显示在网页中？

我已将SVG上载到我的网站，但字体显示不正确。它默认为Times

我尝试从fonts.google.com导入Josefin SAN，并将链接嵌入到标记中

---

novagrappling.com/rules

请使用在SVG中嵌入您的google字体，以下是我在您的SVG中应用的代码，它工作得非常好

@导入url（'https://fonts.googleapis.com/css?family=Josefin+Sans'）；
文本
{
字体系列：“Josefin Sans”，无衬线；
}
茨潘
{
字体系列：“Josefin Sans”，无衬线；
}

您在SVG中添加了自定义字体：感谢您的回复，我已经检查了我的SVG代码，其中有许多不同的部分。。。70岁左右！我在哪里嵌入google字体有关系吗？请在打开标记后添加，以便HTML捕获它并应用于SVG中定义的所有元素。它为我更改了字体，但没有更改为Josefin SAN。编辑它在Chrome中工作得很好，但不是Safari我已经应用了字体，你可以从这里下载我比较过的，我们的代码是相同的，但出于某种原因，在Safari中仍然不能正常工作

<defs>
  <style type="text/css">
    @import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
    text
    {
    font-family: 'Josefin Sans', sans-serif;

    }
    tspan
    {
    font-family: 'Josefin Sans', sans-serif;

    }
 </style>
</defs>