Safari/SVG/Unicode: Unicode 字符未在 Safari 中呈现

Question

我正在使用 D3.js 将文本元素附加到 SVG 组元素，如下所示：

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('&#9747;')

这里，'#legend' 是一个组元素。 ☓ 是用于在 html 中打印十字符号的 unicode。参考：

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

问题是这个十字符号在 Chrome 上可以正常显示，但在 Safari 上似乎不起作用。我可以用什么不同的方式来显示十字符号？

Answer 1

Safari 是否使用与 Chrome 不同的字体渲染符号？如果您使用的是默认系统字体，则可能会出现这种情况，在这种情况下，Safari 的字体可能不支持该特定字符。尝试设置一个明确的字体系列，例如：

font-family: 'Zapf Dingbats';

Answer 2

我真的很惊讶这甚至可以在 Chrome 中工作。根据此 link svg 矩形不能包含文本元素。我建议您按照 link.

中给出的解决方案

Safari/SVG/Unicode: Unicode 字符未在 Safari 中呈现

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

javascript

unicode

safari

svg

d3.js