Der Titel ist mehrdeutig; Lassen Sie mich klarstellen: Ich habe ein SVG-Bild, das einen Text enthält, der mit einer benutzerdefinierten Schriftart gerendert werden soll.

Es scheint jedoch neue Probleme zu geben, die beim Einbetten von Schriftarten in HTML-Seiten nicht auftreten. Außerdem scheinen einige Browser (insbesondere Firefox) In-Page-Svg ("in aimg tag ") anders als beim direkten Rendern der 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');
    }
    /* ...

Soweit ich weiß, würde eine Webseite so ziemlich überall erfolgreich gerendert. Als Svg kann ich es jedoch nicht zum Laufen bringen. Das aktuelle Format funktioniert fast überall, außer in IE10 (und vermutlich in älteren Versionen): Die Schriftart wird manchmal geladen, das andere Mal nicht. Buchstäblich jede zweite Aktualisierung verwendet die System-Fallback-Schriftart. Das Einschließen der Woff-Datei inline als Base64-codierte Datei funktioniert, aber das bricht für Safari (und das Ändern der Reihenfolge behebt das Problem nicht).

Gibt es eine solide Möglichkeit für browserübergreifende eingebettete Schriftarten in SVG-Bildern? (Auch hier meine ich nicht das Einbetten von Svg-Schriftarten in eine Webseite, sondern das Rendern von eingebetteten Schriftarten in ein Svg-Bild.)