如何在具有可靠呈现的web中使用unicode字符

如何在具有可靠呈现的web中使用unicode字符,unicode,font-face,google-font-api,Unicode,Font Face,Google Font Api,我在web中使用unicode符号作为图形组件 我需要信任这种unicode字符的呈现方式 这是我正在努力构建的一部分 您可以看到,unicode字符在不同的计算机中呈现出不同的效果 OSX下的Chrome: Windows下的Chrome: 我只需要支持现代浏览器,就可以使用@font-face和谷歌字体 更新 我知道问题在于所选字体没有特殊字符,找到一种与它们兼容并与@font-face或googlefonts兼容的字体将是解决方案,但这才是真正的问题:如何找到具有这种特征的字体 最可能

我在web中使用unicode符号作为图形组件

我需要信任这种unicode字符的呈现方式

这是我正在努力构建的一部分

您可以看到,unicode字符在不同的计算机中呈现出不同的效果

OSX下的Chrome:

Windows下的Chrome

我只需要支持现代浏览器,就可以使用@font-face和谷歌字体

更新 我知道问题在于所选字体没有特殊字符,找到一种与它们兼容并与@font-face或googlefonts兼容的字体将是解决方案,但这才是真正的问题:如何找到具有这种特征的字体


最可能的答案是,您选择的字体没有为这些unicode代码点定义字形(),您需要切换到为这些代码点定义字形的字体


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

最可能的答案是,您选择的字体没有为这些unicode代码点定义字形()您需要切换到为这些代码点定义了字形的字体


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

您应该尝试找到一种字体,该字体a)包含您需要的所有字符,b)可以通过
@font-face
合法地用作可下载字体

您现在使用的是字体,但它包含的字符集非常有限。您试图显示的前四个字符不存在(甚至不存在)⋕”, 因为它与Ascii字符“#”截然不同(尽管视觉上相似)。由于
字体系列
规则下一步指定了
幻想
,浏览器将尝试将其设置为通用幻想字体的任何幻想字体,但可能没有。幻想字体往往有有限的曲目。然后,浏览器会按照自己的方式,可能会使用各种字体

这四个字符在字体中很少见,而且包含它们的字体在风格上与Fedoka一号没有相似之处。因此,您可能需要重新考虑这种方法


关于在HTML中使用特殊字符的一些注意事项:

您应该尝试找到一种字体,该字体a)包含您需要的所有字符,b)可以通过
@font-face
合法地用作可下载字体

您现在正在使用该字体,但它包含的字符集非常有限。您尝试显示的前四个字符不存在(甚至不存在)⋕”, 因为它与Ascii字符“#”截然不同(尽管视觉上相似)。由于
字体系列
规则下一步指定了
幻想
,浏览器将尝试将其设置为通用幻想字体的任何幻想字体,但可能没有。幻想字体往往有有限的曲目。然后,浏览器会按照自己的方式,可能会使用各种字体

这四个字符在字体中很少见,而且包含它们的字体在风格上与Fedoka一号没有相似之处。因此,您可能需要重新考虑这种方法


关于在HTML中使用特殊字符的一些注意事项:

+1对于解释,解决方案是找到一种带有字形的字体,但这是真正的问题:)使用符号web字体比希望您喜欢的字体定义这些字符要好得多在上,我们将找到一种带有字形的字体,但这是真正的问题:)使用symbols web字体比希望您喜欢的字体定义了这些字符要好得多。Fonts.com有一系列symbol Fonts+1用于解释和有趣的链接,但我如何对@Michael说问题仍然存在,真正的问题是如何定义这些字符o找到一种带有此字符的字体。+1用于解释和有趣的链接,但我如何对@Michael说问题仍然存在,因为真正的问题是如何找到带有此字符的字体。