SVG本地托管Google字体

Question

我在SVG图像中使用Google字体时遇到问题。我在本地托管Amatica SC字体，并使用以下CSS来设置文本样式：

<defs>
    <style>
        @font-face {
            font-family: 'Amatica SC', cursive;
            src: local('AmaticaSC Bold'), local('AmaticaSC-Bold'), url(Amatica_SC/AmaticaSC-Bold.ttf), format('truetype');
        }

        text {
            font-family: 'Amatica SC', cursive;
        }
    </style>
</defs>

请注意，此代码位于SVG标记内。不幸的是，这不起作用，文本显示为草书而不是Amatica SC。在此先感谢您的帮助！