印地语在Chrome浏览器中渲染不正确

Question

我有一个网址http://www.readwhere.com/read/r/441808?fresh=fresh，其中我以hindi和英文（混合）格式呈现内容。

firefox和IE borwser上的内容是正确的，但在Chrome浏览器中显示了圈子。

但是当我将内容从我的页面复制到谷歌翻译页面时，它会以正确的格式显示。

Answer 1

我检查了你的链接。该页面上的印地语文本由包含单个字母的<span>元素组成。如果您在每个<span>中添加1个单词而不是单个字母，则会完美呈现。印地语（Matra）的元音不能在没有字母的情况下使用，因为在页面上使用圆圈来支持每个Matra。

编辑： 尝试使用此功能使其正常工作

function setText(){
    $('p.calibre2').each(function(){
        var $this = $(this);
        var text = '';
        $this.find('span').each(function(){
            text += $(this).text();
        });
        $this.html($('<span/>').append(text));
    });
}
setText();