Police incorporée par navigateur croisé dans l'image svg

Le titre est ambigu; permettez-moi de préciser: j'ai une image svg, qui comprend un texte de je veux rendu avec une police personnalisée.

Cependant, il semble y avoir de nouveaux problèmes qui ne sont pas pop up lors de l'incorporation des polices dans la page html. Aussi, certains navigateurs (à savoir Firefox) semblent traiter en page svg ("dans un img tag") de la même façon que le rendu svg directement.

<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');
    }
    /* ...

Autant que je sache, si c'était une page web il se serait rendu avec succès à travers à peu près partout. Cependant, comme svg, je ne peux pas le faire fonctionner. Le format actuel fonctionne très bien partout, sauf dans IE10 (et probablement les versions plus anciennes): la police, parfois, de charges, d'autres fois, il ne le fait pas. Littéralement, chaque seconde actualisation utilise le système de secours de la police. Y compris le fichier woff en ligne, comme un fichier encodé en base64 des œuvres, mais qui le casse pour Safari (et un changement de l'ordre n'est pas le fixer).

Est-il un moyen concret de la croix-navigateur polices incorporées dans l'image svg? (Encore une fois, je ne veux pas dire l'incorporation de police svg dans une page web, mais le rendu des polices intégrées à l'intérieur d'une image svg.)

source d'informationauteur Mikulas Dite