I use RaphaelJS to visually present some data. The underlying technology is SVG, so it’s obvious that IE doesn’t always work well, but the library does a relatively good job, still rendering something useful, although it often looks pretty bad.
In any case, I can not get around this basic problem. Text is displayed fine in Chrome or FireFox, but everything is in bold and italic in IE8.
To see my problem in action, go to the RaphaelJS playground and use the following code
paper.text(100, 100, "this is the text")
Here is the result in Chrome and IE.


Is there any workaround for this?
Jaco pretorius
source share