【问题标题】:Text font family not showing the £ sign correctly文本字体系列未正确显示 £ 符号
【发布时间】:2014-10-11 06:40:29
【问题描述】:

我在网页上使用 css 文本字体“Century Gothic、Arial、Courier New、Sans-Serif”作为我的文本,但是每当我使用 £ 字符时,它不会在浏览器上正确显示(浏览器测试是Firefox、资源管理器、Chrome 和 Safari)。

HMTL:

<span>£</span>

跨度 CSS:

font-family: Century Gothic, Arial, Courier New, Sans-Serif;

上面的 £ 文本在黑色菱形中显示为问号。有谁知道为什么会这样?还是我只需要选择不同的字体系列来显示 £ 符号?页面上使用相同字体系列的所有其他文本/字符正确显示

【问题讨论】:

  • 您的文件编码是否与宣传的编码(utf-8)相匹配?如果您将文件保存为 ISO-8859-15 或任何其他编码并且浏览器需要 utf-8,它将无法工作。

标签: html css text fonts


【解决方案1】:

尝试将metacharset 添加到您的&lt;head&gt;

<meta charset="utf-8">

【讨论】:

  • 谢谢 Ben,但我的 HMTL 中已经有了
  • 如果不改成HMTL是不是类型HTML
  • 不是错字,是 HTML
  • ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" rel="nofollow" target="_blank">w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> w3.org/1999/xhtml" xml:lang="en" lang="en">
  • 查看demo一切顺利
【解决方案2】:

您必须使用 &amp;pound; 作为 £ 符号。 它将在所有浏览器上正确显示。 例如。

CSS

body { font-family:Century Gothic, Arial, Courier New, Sans-Serif;}

HTML

<span>&pound;</span>

【讨论】:

  • 非常棒的一次款待 - 谢谢你教我这个技巧 Navtosh
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-10-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-04
相关资源
最近更新 更多