0

我在网络中使用 unicode 符号作为图形组件。

我需要相信这个 unicode 字符的呈现方式。

这里有一个我正在尝试构建的简化示例。

您可以看到 unicode 字符在不同的计算机中呈现不同。

OSX下的ChromeOSX下的Chrome

Windows下的ChromeWindows 下的 Chrome

我只需要支持现代浏览器,因此允许使用@font-facegoogle 字体

更新

我知道问题是选择的字体没有特殊字符,找到一个与它们兼容并与@font-facegooglefonts兼容的解决方案将是解决方案,但这是真正的问题:如何找到具有此特征的字体

4

2 回答 2

3

最可能的答案是您选择的字体没有为这些 un​​icode 代码点定义字形(并且从仔细阅读字体来看,似乎是这种情况),您将需要切换到为这些代码定义了字形字体-点。

当字体没有为 Unicode 代码点定义字形时,由平台决定如何处理它。Windows 过去只为未定义的任何内容显示一个方形框,但从 Windows Vista(或者可能是 Windows 7)开始,它现在将显示系统默认字体的字形(如果可用)。对于 unicode 字符,您最有可能看到的是系统默认字体的版本——当然,在 Windows 和 Mac 上是不一样的。

于 2012-04-04T01:44:01.707 回答
1

您应该尝试找到一种字体,a) 包含您需要的所有字符,b) 可以通过@font-face.

您现在使用的是Fedoka One字体,但它包含的字符库非常有限。您尝试显示的前四个字符不存在(甚至没有“⋕”,因为尽管视觉相似,但它与 Ascii 字符“#”完全不同)。由于font-family规则接下来指定fantasy,浏览器将尝试它们被设置为用作通用幻想字体的任何花哨字体,而且它可能也没有得到它们 - 幻想字体往往具有有限的曲目。然后浏览器会走自己的路,可能会使用各种字体。

这四个字符在字体中是罕见的,包含它们的字体在风格上与 Fedoka One 没有相似之处。因此,您可能需要重新考虑该方法。

在 HTML 中使用特殊字符的一些注意事项:http ://www.cs.tut.fi/~jkorpela/html/characters.html

于 2012-04-04T03:07:07.817 回答