中文 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。
我有一个网站,其内容已翻译成普通话。我试图将其粘贴进去,但无法在浏览器中显示。
翻译的内容是在 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。