1

我是一个巨大的新手，但我想在文档中添加一个 Unicode 字符。我已经尝试阅读所有 Unicode 字符线程，但我发现它很难理解，而且我在尝试吸收所有信息时感到头疼。

<doctype html>
<html>
  <head>
    <meta name="description" content="description" />
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta name="keywords" content="keywords" />
    <title>title</title>
    <link rel="stylesheet" href="stylesheet.css" type="text/css" />
  </head>
  <body>
    <div id="idtag">
      &#x1F4D7;
    </div>
  </body>
</html>

#idtag {
  font-family: Tahoma, Helvetica, "Arial Unicode MS", sans-serif;
}

我正在尝试添加U+1F4D7或类似书的任何内容，但是当我查看页面时，我只看到一个挖空的正方形。我不认为我的电脑上有这个符号。我以前使用过 Google 字体，它们只需要 Javascript？我会这样做吗？我该怎么做？

4

3 回答 3

2

 的问题在于它超出了经典的 BMP 范围——不确定是否有任何字体具有这些字符，但它们绝对不常见。

仅仅因为一个字符是由 Unicode 定义的，并不意味着每个字体都必须有它。即使是 BMP 中的字符（0 到 65535 之间的代码点）也不是在所有字体中都可用。

无法显示正在使用的字体中不可用的字符。向您展示字符“应该”是什么样子的 Unicode 测试页面将向您发送图像 :-)

于 2012-07-14T16:36:54.787 回答
1

您尝试使用的“绿皮书”字符似乎是 Unicode 6 中的新表情符号之一。因此，它不包含在您用于显示的字体系列中，即使在非常大的 Arial Unicode MS 中也不包含。

在较新版本的 OSX 和 iOS 上，它通过Apple Color Emoji字体得到支持。否则我不知道有任何字体支持这个字符。我猜在日本有一些，但几乎可以肯定在 Google Webfonts 上没有。

因此，在这种情况下，Google Webfonts 不会为您提供帮助。

但如果它只是显示书籍图标，我会使用图像。例如来自名词项目。

如果您需要它作为字体，您可以使用Fontello或Pictos Server从选定的图标生成字体。

有关使用图标字体的更多信息，几个月前有一篇关于CSS-Tricks的好文章。

于 2012-07-14T17:08:21.263 回答
1

您的文档原则上是正确的，除了第一行的拼写错误（应该是<!doctype html>，带有感叹号），并且该字符在我的 Firefox 上呈现正常。但发生这种情况是因为 Firefox 足够聪明，可以扫描我计算机上安装的字体以找到字符的字形，而我恰好安装了包含它的 Symbola 字体。IE 9 不是那么聪明，但如果我添加Symbola到font-family列表中，它甚至会显示字符。

所以这是一个字体问题，而且是一个很大的问题。您不能期望安装 Symbola（很遗憾，10,000 个用户中可能只有不到 1 个用户安装了它），而且它似乎是唯一发布的包含 U+1F4D7 的免费字体。您引用的页面有一个指向字体支持页面的链接，该页面说明了这一点。它可能不是完全最新的，但它提供了一个很好的字体支持图片。

您可能会考虑为此目的使用 Web 字体，但这听起来与仅显示一个字符有些不相称，而且由于某种原因， Font Squirrel @font-face 生成器似乎无法与 Symbola 一起使用。

另请参阅：在 HTML 中使用特殊字符的指南。

PS 字符会显示为黑色和白色，但您可以使用 CSS 为其设置颜色。参照。到 Unicode 标准中的 SO 问题颜色？

于 2012-07-14T19:57:17.453 回答