我在网络中使用 unicode 符号作为图形组件。
我需要相信这个 unicode 字符的呈现方式。
这里有我正在尝试构建的 a simplified example。
您可以看到unicode字符在不同的计算机上呈现的不同。
OSX 下的 Chrome：
Windows 下的 Chrome：
我只需要支持现代浏览器，因此允许使用 @font-face 和 google 字体。
更新
我知道问题是所选择的字体没有特殊字符，找到一个与它们兼容并与 @font-face 或 googlefonts 兼容的解决方案，但是这是真正的问题：如何找到具有这种特性的字体。
【问题讨论】：
标签： unicode font-face google-font-api
最可能的答案是您选择的字体没有为这些 unicode 代码点 (and from perusing the font, that seems to be the case) 定义字形，您需要切换到为这些代码定义了字形的字体- 点。
当字体没有为 Unicode 代码点定义字形时，由平台决定如何处理它。 Windows 过去只为未定义的任何内容显示一个方形框，但从 Windows Vista（或者可能是 Windows 7）开始，它现在将显示系统默认字体的字形（如果可用）。您最有可能看到的 unicode 字符是系统默认字体的版本 - 当然，在 Windows 和 Mac 上是不同的。
【讨论】：
您应该尝试找到一种字体，a) 包含您需要的所有字符，b) 可以合法地用作可通过@font-face 下载的字体。
您现在使用的是Fedoka One 字体，但它包含的字符库非常有限。您尝试显示的前四个字符不存在（甚至没有“⋕”，因为尽管视觉相似，但它与 Ascii 字符“#”完全不同）。由于font-family 规则接下来指定fantasy，浏览器将尝试使用它们设置为通用幻想字体的任何花哨字体，而且它可能也没有它们——幻想字体往往具有有限的曲目。然后浏览器会走自己的路，可能会使用各种字体。
这四个字符在字体中很少见，包含它们的字体在风格上与 Fedoka One 没有相似之处。所以你可能需要重新考虑这种方法。
关于在 HTML 中使用特殊字符的一些注意事项：http://www.cs.tut.fi/~jkorpela/html/characters.html
【讨论】：