{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 走好不送 的问题《Raphaeljs renders all text as Italic in IE》','https://www.manongdao.com/q-566002.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I'm using RaphaelJS for visually representing some data. The underlying technology is SVG so obviously things don't always work that well in IE, but the library does a relatively ok job of still rendering something useful, although it often tends to look pretty poor.
In any case, I can't seem to get around this basic issue. Text is rendered fine in Chrome or FireFox, but everything renders as bold and italic in IE8.
To see my issue 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?
Just for all those that find this page and have the same problem. The solution is the doctype used. You should (at least since GWT 2.x) use the
<!DOCTYPE html>if you do so Internet Explorer renders the ....Have you tried
.attr({"font-family":"xxxxxx","font-weight":400});