Question

这是我的简单html文件，它在firefox中工作得很好，但在chrome中反复出现并显示扭曲的文本。它也适用于jsfiddle。 https://jsfiddle.net/r96L5rhx/1/

甚至stackoverflow在下面的代码中正确呈现，但chrome显示扭曲的文本

这里是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>

Answer 1

你的意思是它应该显示为印地语文本，但即使在这篇文章中它也显示错误？对我来说，它在Chrome中看起来是正确的但一般来说，你可以更好地用他们的HTML代码替换非ASCII字符。此网站上的“实体”列应该是您所需要的，但可能不完整：http://sites.psu.edu/symbolcodes/languages/southasia/devanagari/devanagarichart（archive）

此页面自动执行：http://www.web2generators.com/html-based-tools/online-html-entities-encoder-and-decoder

Answer 2

尝试在 <meta charset="UTF-8"> 部分使用head，它可以正常使用。

＆＃13;

<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>

＆＃13;

印地文字体

2 个答案: