如何在SVG中获取字体以显示在网页中？

Question

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

我尝试从fonts.google.com导入Josefin Sans，并将链接嵌入标签中。

novagrappling.com/rules

Answer 1

请使用，将google字体嵌入SVG中，这是我在您的SVG中应用的代码，它可以正常工作。

<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>