Raphaeljs displays all text as italics in IE

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.

ChromeIE8

Is there any workaround for this?

+7
source share
2 answers

Have you tried .attr({"font-family":"xxxxxx","font-weight":400});

0
source

Just for all those who find this page and have the same problem. The solution is the doctype used. You should (at least with GWT 2.x) use <!DOCTYPE html> if you do. Internet Explorer displays ....

-one
source

All Articles