Название неоднозначно; Позвольте мне уточнить: у меня есть изображение SVG, которое включает в себя текст, который я хочу отрисовать с использованием собственного шрифта.

Однако появляются новые проблемы, которые не появляются при встраивании шрифтов в html-страницу. Кроме того, некоторые браузеры (а именно Firefox), кажется, обрабатывают svg на странице ("вimg tag ") иначе, чем при рендеринге SVG напрямую.

<defs>
<style>
    @font-face {
        font-family: "Open Sans";
        src: local("Open Sans"),
            local("OpenSans"),
            url('https://example.com/OpenSans-Regular.eot') format('eot'),
            url('https://example.com/OpenSans-Regular.woff') format('woff'),
            url('https://example.com/OpenSans-Regular.ttf') format('truetype');
    }
    /* ...

Насколько я знаю, если бы это была веб-страница, она бы успешно отображалась практически везде. Однако, как svg, я не могу заставить его работать. Текущий формат работает практически везде, кроме IE10 (и, возможно, более старых версий): шрифт иногда загружается, а иногда нет. Буквально каждое второе обновление использует системный резервный шрифт. Включение встроенного файла woff как файла, закодированного в base64, работает, но это нарушает его для Safari (и изменение порядка не исправляет его).

Есть ли надежный способ кросс-браузерного встраивания шрифтов в изображение SVG? (Опять же, я не имею в виду встраивание шрифта svg в веб-страницу, но рендеринг встроенного шрифта в изображение svg.)