中文 font-family 未在浏览器中显示

Chinese font-family not displaying in browsers

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

翻译的内容是在 Excel 中使用我计算机上的字体 SimSun 提供给我的。我通常使用 UltraEdit,但它不会显示 SimSun,所以我现在使用写字板,因为它可以很好地显示 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 在我的 link 元素的常用样式列表中显示 mandarin.css,并列出选择器,但不列出规则,例如

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

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

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

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

我还需要做什么才能使其正常显示?

编辑添加: 一个 code-pen 设置,仅包含相关部分,加上框架,我所有的 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>

我认为 UltraEdit 可以很好地显示中文文本,您需要确保对两个源(在 UltraEdit 中,以及您将文本从中复制到 UE 的位置)使用正确的编码。首先,将 UE 设置为 UTF-8,其次,尝试将 Excel 保存为纯 .txt 或 .csv 并将保存的文件拖到 Firefox 中,看它是否正确显示。如果没有,请转到“查看”>“编码”>“中文 GBK”。然后您可以将文本从那里复制到 UltraEdit。