印地语不是在Chrome浏览器中正确显示

Question

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

内容在Firefox和IE浏览器上正确，但在Chrome浏览器中显示圈子。

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

Answer 1

我检查了你的链接。该页面上的印地文文本由包含单个字母的<span>元素组成。如果您在每个<span>中添加1个单词而不是单个字母，则它将完美渲染。如果没有字母，印地语（马特拉）的元音就不能使用，这就是为什么在您的页面上使用圆圈来支持每个马特拉。

编辑： 试试这个功能，使其工作

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();