javascript - Safari/SVG/Unicode: Unicode character not rendering in Safari -

i using d3.js append text element svg group element follows:

d3.select('#legend').append('text')                                         .attr('x', 10)                                         .attr('class', 'remove-country')                                         .attr('y', 10)                                         .attr('font-size', '15px')                                         .attr('font-weight', 'bold')                                         .attr('fill', '#555')                                         .style('cursor', 'pointer')                                         .html('☓') 

here, '#legend' group element. &#9747 unicode used print cross symbol in html. reference:

http://www.w3schools.com/charsets/ref_utf_misc_symbols.asp

the problem cross symbol rendering fine on chrome doesn't seem work on safari. different way in can show cross symbol?

does safari render symbol different font chrome, perhaps? might case if you're using default system fonts, in case safari's font may not support particular character. try perhaps setting explicit font-family, e.g.:

font-family: 'zapf dingbats';