首页 > 解决方案 > Unicode 符号和操作系统/浏览器字体支持

问题描述

有很多美妙的 unicode 符号。这真太了不起了。

但是如果我不知道我的用户的字体是否支持它们,它们都是无用的。

我怎样才能知道呢?

我可以跟踪用户的字体是否支持 unicode 符号?

有什么方法可以进行某种回退?(如果不支持此 unicode 符号,则显示此其他 unicode 符号。)

那里有任何操作系统/浏览器支持参考吗?(到目前为止,我已经广泛搜索了此类参考资料,但没有任何运气。)

您决定是否使用 unicode 符号的策略是什么?

我很想使用更多这些可爱的 unicode 符号。

===编辑===

例如:我想在https://github.com/reframejs/reframe的项目描述中使用 unicode “U+2605 ★ BLACK STAR” 。我怎么知道这个 unicode 符号是否会正确显示?

标签: unicodebrowser-support

解决方案


如果只有有人会在所有操作系统/浏览器上运行此测试并提供兼容性表,那就太棒了..

只要用户安装了包含它的字体,现代浏览器几乎可以显示任何字符。所以你的问题归结为:

每个主要操作系统都捆绑了哪些字体,这些字体支持哪些字符?

好吧,我创建了一个工具,可以准确地呈现这些信息。

这可能有点矫枉过正,因为很容易只@font-face包含 FontAwesome、IonIcons 或您知道包含所需字符的类似字体或符号集。如果您只讨论几个符号,您甚至可以下载并包含单个 SVG。

但是,如果您想为自己节省外部依赖和网络请求,同时还希望从简单的纯文本 CSS 样式中受益,这就是您的解决方案!

如果事实证明您想使用不受广泛支持的字符,我会提供您可以<link>@font-face嵌入的免费 G​​oogle Noto 字体的名称。还有一个浏览器可以一次查看整个 Unicode 块。

不管怎样,看看Unicompat.com看看它是否是你要找的。它非常处于测试阶段,所以如果有任何问题,请道歉。


推荐阅读