2016-12-16 61 views
0

這是我的簡單的HTML文件,它在firefox中工作得很好,但是在鉻合金中改變了方式,並顯示了扭曲的文本。 它在jsfiddle中也很棒。 https://jsfiddle.net/r96L5rhx/1/鉻合金渲染問題的印地文字體

即使計算器正確呈現在下面的代碼,但Chrome會顯示扭曲文本

這裏是imgur鉻截圖鏈接 http://imgur.com/a/xBET4

<div class="content_box_main"> 
<div id="1071" style="margin:auto;text-align:center"><div class="content_box_1"> 
<div class="content_box_2z"><sup class="joke_icon"></sup></div> 
<div class="content_box_3_title"></div> 
<div id="content_box_3_text" style="background-color: #F0F0F1; color: #00cc65;font-family:Roboto,sans-serif;font-size: 3.0vw;height: 900px;padding:10px;line-height:120%;"><div style="margin-top:80px;margin-bottom:80px;">पति पत्नी लन्दन गये, पत्नी ने ईसा मसीह की स्टेच्यू<br/> 
देखा तो उनके पैर छुए।<br/> 
पति ये देख कर बोला कि तूने मेरे पैर तो आज तक नहीं छुए ।<br/> 
पत्नी का सुंदर जवाब -- पहले तू लटक तो सही ..</div></div></div></div> 
+0

i的鉻已經測試。工作正常。 Chrome的哪個版本? – Mahi

+0

版本55.0.2883.87 m – Steeve

+0

確保您有適當的字符集 – madalinivascu

回答

0

你的意思是它應顯示爲印地文文本,但它甚至在這篇文章中顯示你錯了嗎?對我來說,它在Chrome中看起來正確。但總的來說,您可以更好地用HTML代碼替換非ASCII字符。本網站上的「實體」一欄應該是你所需要的,雖然可能無法完成:http://sites.psu.edu/symbolcodes/languages/southasia/devanagari/devanagarichart

此頁面可以自動進行:http://www.web2generators.com/html-based-tools/online-html-entities-encoder-and-decoder

0

嘗試在head部分使用<meta charset="UTF-8">,它的正常工作。

<head> 
 
<meta charset="UTF-8"> 
 
</head> 
 
<body> 
 
<div class="content_box_main"> 
 
<div id="1071" style="margin:auto;text-align:center"><div class="content_box_1"> 
 
<div class="content_box_2z"><sup class="joke_icon"></sup></div> 
 
<div class="content_box_3_title"></div> 
 
<div id="content_box_3_text" style="background-color: #F0F0F1; color: #00cc65;font-family:Roboto,sans-serif;font-size: 3.0vw;height: 900px;padding:10px;line-height:120%;"><div style="margin-top:80px;margin-bottom:80px;">पति पत्नी लन्दन गये, पत्नी ने ईसा मसीह की स्टेच्यू<br/> 
 
देखा तो उनके पैर छुए।<br/> 
 
पति ये देख कर बोला कि तूने मेरे पैर तो आज तक नहीं छुए ।<br/> 
 
पत्नी का सुंदर जवाब -- पहले तू लटक तो सही ..</div></div></div></div> 
 
    </body>