unicode - Unicode 符号和操作系统/浏览器字体支持
问题描述
有很多美妙的 unicode 符号。这真太了不起了。
但是如果我不知道我的用户的字体是否支持它们,它们都是无用的。
我怎样才能知道呢?
我可以跟踪用户的字体是否支持 unicode 符号?
有什么方法可以进行某种回退?(如果不支持此 unicode 符号,则显示此其他 unicode 符号。)
那里有任何操作系统/浏览器支持参考吗?(到目前为止,我已经广泛搜索了此类参考资料,但没有任何运气。)
您决定是否使用 unicode 符号的策略是什么?
我很想使用更多这些可爱的 unicode 符号。
===编辑===
例如:我想在https://github.com/reframejs/reframe的项目描述中使用 unicode “U+2605 ★ BLACK STAR” 。我怎么知道这个 unicode 符号是否会正确显示?
解决方案
如果只有有人会在所有操作系统/浏览器上运行此测试并提供兼容性表,那就太棒了..
只要用户安装了包含它的字体,现代浏览器几乎可以显示任何字符。所以你的问题归结为:
每个主要操作系统都捆绑了哪些字体,这些字体支持哪些字符?
好吧,我创建了一个工具,可以准确地呈现这些信息。
这可能有点矫枉过正,因为很容易只@font-face
包含 FontAwesome、IonIcons 或您知道包含所需字符的类似字体或符号集。如果您只讨论几个符号,您甚至可以下载并包含单个 SVG。
但是,如果您想为自己节省外部依赖和网络请求,同时还希望从简单的纯文本 CSS 样式中受益,这就是您的解决方案!
如果事实证明您想使用不受广泛支持的字符,我会提供您可以<link>
或@font-face
嵌入的免费 Google Noto 字体的名称。还有一个浏览器可以一次查看整个 Unicode 块。
不管怎样,看看Unicompat.com看看它是否是你要找的。它非常处于测试阶段,所以如果有任何问题,请道歉。
推荐阅读
- spring - 弹簧控制器无法解决
- javascript - NestJS:如何在自定义验证器中同时访问 Body 和 Param?
- react-native - React-Native 代码在不导入平台模块的情况下工作,为什么?
- python - 如何在tensorflow中将两个子网络合并成一个模型
- c# - 无法理解 AT 命令响应
- react-native - 从 react-navigation 导入,我有一个错误
- amazon-web-services - AWS API Gateway 总是返回 502 bad gateway
- azure - 在服务总线队列触发函数中对另一条消息进行排队时,QueueClient.Complete(Guid) 似乎不起作用
- javascript - javascript 在进行属性查找时如何处理`this`?
- ada - GPRbuild:文件特定的编译器开关