印地语字体的chrome渲染问题答案

【问题标题】：chrome rendering issue of hindi font印地语字体的chrome渲染问题
【发布时间】：2016-12-16 06:47:24
【问题描述】：

这是我的简单 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>

【问题讨论】：

我已经在 chrome 中进行了测试。工作正常。哪个版本的铬？
版本 55.0.2883.87 m
确保你有合适的字符集

标签： javascript jquery html css google-chrome

【解决方案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

【讨论】：

【解决方案2】：

尝试在您的 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>

【讨论】：