SVG bold, italic and underline not rendering in Image Magick
===

I have created an online graphics editor using SVG, jquery (keith woods wrapper), web services etc. It works in the same way as Google Docs Drawing application. I have coded the editor to change fonts on <text> elements and that works well except that bold, italic and underline don't work on fonts when I generate a graphic (png or jpg) using ImageMagick or Inkscape. However, Bold, Italic and Underline work perfectly well when viewing the SVG within a web page. 

I've done a little bit of research on Stack Overflow and one person points out that CSS interprets font styles and adds a skew to a font for italic and adds stroke for bold.

I notice that with Google docs drawing they generate paths for text. I think this may be a good solution if only I can find a function or a way to generate the paths by tracing the text. I'm not at a stage where I've tried anything like this but wanted to come here first to ask people's opinions. Has anyone else had this difficulty? And if so how did you overcome it? I have seen people suggesting SVG Fonts but I'm baulking at that idea as apparently there is no support for it in FireFox and little in IE? I must say, getting my editor to work in all browsers has been a bit of a nightmare but we've jumped many hurdles to get to where we are now and I don't want something as simple as fonts to get in our way.

If anyone could give me some advice on this it would be greatly appreciated as the system is live on the web, people can use it but bold, italic and underline are disabled.

Thank you in advance