Unicode 符号和操作系统/浏览器字体支持

Question

有很多美妙的 unicode 符号。这太棒了。

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

我怎样才能找到它？

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

有什么方法可以进行某种回退？ （如果不支持此 unicode 符号，则显示此其他 unicode 符号。）

是否有任何操作系统/浏览器支持参考资料？ （到目前为止，我已经广泛搜索了此类参考资料，但没有任何运气。）

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

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

===编辑===

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

Answer 1

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

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

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

嗯，我已经创建了一个工具，可以准确地呈现这些信息。

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

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

如果您想使用 广泛支持的字符，我会附上您可以在 <link> 或 @font-face 嵌入的免费 G​​oogle Noto 字体的名称。还有一个浏览器可以一次查看整个 Unicode 块。

不管怎样，看看Unicompat.com，看看它是否是你要找的。它还处于测试阶段，如果有任何问题请见谅。