[SVG] Rendu avec firefox

Bonjour,

J'ai créé un .svg avec illustrator. C'est tout simplement la lettre "x" d'un font particulier.

Sur Safari le rendu ne pose pas de problème:

Pièce jointe 183485

Mais sous Firefox:

Pièce jointe 183484

Et le code:

Code:

---

1 2 3 4 5 6 7 8 9

<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">   <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="90px" height="100px" viewBox="0 0 90 100" enable-background="new 0 0 90 100" xml:space="preserve"> <text transform="matrix(1 0 0 1 5.2744 83.4561)" fill="red" font-family="'LoversQuarrel-Regular'" font-size="280">x</text> </svg>

---

N'y conaissant pas grand chose en svg et compatibilité entre navigateurs... Une idée ?

Après moult recherche, text-transform est invalide en SVG. Et non pris en charge par Firefox.

Du coup, un simple clique sur "vectoriser" dans Illustrator m'a permis de créer de vrais tracés, et là évidemment ca fonctionne.