印地語不是在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();