中文字体不在浏览器中显示

时间:2015-02-08 08:41:04

标签: css utf-8 fonts chinese-locale

我有一个网站,其内容已翻译成普通话。我正在尝试将其粘贴但无法在浏览器中显示。

翻译的内容是使用我在计算机上使用的字体SimSun在Excel中提供给我的。我通常使用UltraEdit,但它不会显示SimSun所以我现在使用的是Wordpad,因为它显示SimSun就好了。

html的相关部分:

<html class="no-js" lang="cmn">
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="mandarin.css" />

<li><a href="about.html" id="sm0">关于我们</a></li>

所有的mandarin.css:

body, p, li, a, 
h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, 宋体, SimSun, 华文细黑, STXihei, sans-serif;
}

Firebug在我的链接元素的常用样式列表中显示mandarin.css,并列出选择器,但不列出规则,例如

body, p, li, a, h1, h2, h3, h4, h5, h6 {
}   

但是之前的规则被覆盖了: 身体 {         颜色:#222222;         游标:自动;          font-family:“Helvetica Neue”,Helvetica,Roboto,Arial,sans-serif;     }

内容将切换为问号,这就是它在所有浏览器中的显示方式:

<li><a id="sm0" href="about.html">????</a></li>

我需要做些什么才能正确显示?

编辑添加: 代码笔设置,只包含相关部分,框架,可能影响它的所有CSS和脚本。 SimSun显示效果很好,所以我现在想知道写字板毕竟不能正确保存我的标记吗?

<p data-height="268" data-theme-id="0" data-slug-hash="JoOmBJ" data-default-tab="result" data-user="stringyland" class='codepen'>See the Pen <a href='http://codepen.io/stringyland/pen/JoOmBJ/'>HTML List Demos</a> by Julie Grundy (<a href='http://codepen.io/stringyland'>@stringyland</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

1 个答案:

答案 0 :(得分:1)

我认为UltraEdit会显示中文文本,你需要确保对两个源使用正确的编码(在UltraEdit中,以及将文本复制到UE中)。首先,将UE设置为UTF-8,然后尝试将该Excel保存为普通.txt或.csv,并将保存的文件拖到Firefox中,看它是否正确显示。如果没有,请转到查看&gt;编码&gt;中国GBK。然后您可以将文本从那里复制到UltraEdit。